Color guides: codes, palettes and combinations
Everything about each color: HEX, RGB, HSL and OKLCH codes, harmonious combinations, shade scales and accessibility recommendations.
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.
Mix any of these colors into your own palette
Use the generator to build harmonious palettes and export them in CSS, Tailwind, SCSS or JSON.
Open the palette generator