Hushed Petrol color palette — #F3E5EA · #96B8D5 · #4C69A5 · #004A51 · #150A3B

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F3E5EA): bright and airy, almost weightless.
• Ash (#96B8D5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4C69A5): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#150A3B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Petrol Loft color palette (#E5F1F1, #96B5D0, #2A6BA6, #004C64, #102D56)
• Softworn Petrol Atelier color palette (#F0E5ED, #8CBCC9, #00788D, #004E2E, #001827)
• Cerulean Drift color palette (#FAEEF6, #99DDE8, #008FBE, #006450, #00254B)
• Worn Petrol color palette (#F8EFF2, #DAD0E2, #8A9DBE, #2E7684, #313548)
• Soft Denim color palette (#E1E2FF, #E9AAD3, #D69386, #4C559E, #2A122E)
• Denim Courtyard color palette (#F9EBF2, #4695B2, #004C7F, #002C29, #01001E)
• Muted Byzantium color palette (#E8E7FF, #8C44B2, #4D6A00, #215B00, #150020)
• Wandering Aubergine color palette (#D2E0FB, #747DE1, #672CA7, #54056F, #270020)

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