Guias de cores: códigos, paletas e combinações

Tudo sobre cada cor: códigos HEX, RGB, HSL e OKLCH, combinações harmoniosas, escalas de tons e recomendações de acessibilidade.

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.

Mistura estas cores na tua própria paleta

Usa o gerador para criar paletas harmoniosas e exporta-as em CSS, Tailwind, SCSS ou JSON.

Abrir o gerador de paletas