Guides couleurs : codes, palettes et combinaisons

Tout sur chaque couleur : codes HEX, RGB, HSL et OKLCH, combinaisons harmonieuses, échelles de tons et recommandations d'accessibilité.

Red

#EF4444

Red is the color of energy, passion and urgency. It raises attention levels and stimulates quick decision-making, which is why it dominates sale banners and call-to-action buttons.

Blue

#3B82F6

Blue conveys trust, security and professionalism. It is the most used color in corporate identity and finance apps for a reason: it calms and builds credibility.

Green

#22C55E

Green is associated with nature, growth and health. It reduces eye strain and signals success and confirmation in user interfaces.

Yellow

#EAB308

Yellow radiates optimism, warmth and creativity. It is the most visible color to the human eye, which makes it excellent for grabbing attention.

Orange

#F97316

Orange blends the energy of red with the friendliness of yellow. It feels enthusiastic, affordable and creative without the aggression of pure red.

Purple

#A855F7

Purple has long symbolized luxury, wisdom and imagination. Modern tech brands use it to feel innovative and premium at the same time.

Pink

#EC4899

Pink communicates playfulness, empathy and modern femininity. Bright pinks feel bold and youthful; soft pinks feel calm and caring.

Teal

#14B8A6

Teal balances the calm of blue with the renewal of green. It feels balanced, clean and quietly confident.

Cyan

#06B6D4

Cyan evokes clarity, technology and fresh water. Its electric quality makes interfaces feel fast and modern.

Indigo

#6366F1

Indigo sits between blue and violet: as trustworthy as blue but more imaginative. It is the unofficial color of modern dev tools.

Coral

#F87166

Coral is warm, organic and welcoming. It softens orange into something friendly and encouraging.

Turquoise

#40E0D0

Turquoise recalls tropical seas and clarity. It refreshes and opens up dense layouts.

Navy

#1E3A8A

Navy is the most authoritative color: deep, stable and serious without being cold.

Lavender

#C4B5FD

Lavender is soothing and gently optimistic. It brings lightness to interfaces without the intensity of pure purple.

Mint

#A7F3D0

Mint feels fresh, clean and healthy. It signals freshness in food, finance and health contexts.

Amber

#F59E0B

Amber glows with warmth and cautious energy. It is the color of warnings that still feel friendly.

Charcoal

#1F2937

Charcoal is sophisticated neutrality. Softer than black, it gives structure without harshness.

Gold

#D4AF37

Gold is timeless luxury and achievement. Even small touches elevate a design.

Emerald

#10B981

Emerald is deep, jewel-toned growth. Richer than basic green, it feels established and secure.

Salmon

#FA8072

Salmon is soft warmth with a food-friendly appetite appeal.

Beige

#D5C9B2

Beige is understated, natural calm. The backbone of quiet luxury and organic brands.

Olive

#808000

Olive is earthy, military-grade groundedness with natural sophistication.

Maroon

#800000

Maroon is deep, controlled passion: the academic and vinous face of red.

Sky Blue

#7DD3FC

Sky blue is open, honest and light. It breathes space into any layout.

Mélange ces couleurs dans ta propre palette

Utilise le générateur pour créer des palettes harmonieuses et les exporter en CSS, Tailwind, SCSS ou JSON.

Ouvrir le générateur de palettes