Hushed Petrol color palette — #E5F0F8 · #CDB075 · #006E8D · #003C4E · #031825

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

The five colors

• Frost (#E5F0F8): a clean, paper-quiet neutral.
• Sand (#CDB075): A luminous, balanced gold — the color of old brass.
• Peacock (#006E8D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003C4E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#031825): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Hushed 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

• Washed Chapel color palette (#EEF6FF, #DCC187, #507598, #254563, #18232D)
• Worn Sand Courtyard color palette (#ECF9F2, #EFCB7E, #006E8D, #002D3B, #000502)
• Worn Abyss Meadow color palette (#E1F1FD, #C38C7E, #004869, #002538, #090D20)
• Patina Hollow color palette (#E4F2ED, #FFB1A7, #188FD6, #265B80, #0A1A15)
• Antique Grape Meadow color palette (#F3F4FF, #DFB453, #7A50AB, #452C62, #17172F)
• Misty Ultramarine color palette (#D9E5FC, #D6A200, #3548C5, #161F72, #030E27)
• Aubergine Pier color palette (#DDDCF0, #C59F49, #6E3C85, #381846, #0B081A)
• Cerulean Terrace color palette (#F1F6FC, #DBD7E4, #C4BACB, #6681AF, #343B45)

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