Faded Petrol color palette — #CDE9FF · #006EA7 · #794E00 · #553500 · #002237

Peacock and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDE9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006EA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#794E00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#553500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#002237): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Faded Petrol into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Feathered Terracotta Quarry color palette (#B6F1F9, #007682, #913A00, #652700, #002529)
• Wandering Ultramarine Summit color palette (#E2EFFF, #005BCD, #5E3800, #422600, #001A15)
• Muted Harbor color palette (#D7E5FF, #0B51F2, #725200, #4F3800, #0C1D41)
• Pale Cobalt Study color palette (#BEF2DE, #0091CA, #9F6C00, #774F00, #002234)
• Amethyst Hollow color palette (#EBEDFF, #8150C8, #556B00, #3C4C00, #22243B)
• Misty Lapis color palette (#DEE8FF, #5645FF, #7D3100, #253A00, #00251C)
• Aged Azure Delta color palette (#EEF6FF, #5194D8, #907D4F, #45694F, #353E48)
• Tempered Orchid color palette (#F5F3FF, #B057BC, #547E4A, #385E2F, #343043)

Browse the whole catalog at Explore, or see today's palette.