Hushed Petrol color palette — #E7F0F6 · #D0D8E5 · #B4B4D2 · #087CA5 · #252F37
A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F0F6): a clean, paper-quiet neutral.
- Silver (#D0D8E5): a clean, paper-quiet neutral.
- Ash (#B4B4D2): A luminous, dusty violet — the color of a velvet chair.
- Cerulean (#087CA5): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#252F37): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Cobalt Alley color palette (#EFF7F4, #E1D3D0, #CDB4A6, #367EA6, #0B241C)
- Softworn Azure Balcony color palette (#E7F0F7, #D1D1E1, #B9B6D0, #4C99D4, #252F38)
- Hushed Denim color palette (#E3E8ED, #BFC3D4, #A89FBF, #1E61A8, #15202D)
- Timeworn Indigo color palette (#F1F5FF, #DFDBEF, #E5ABBA, #7261D7, #2B3247)
- Ancient Studio color palette (#CFF4FF, #80ACDE, #987099, #4E693A, #2B4219)
- Plum Balcony color palette (#CFE6EB, #009B8E, #B30068, #005125, #00270F)
- Ancient Ash color palette (#F4F5FB, #E1D8DF, #BEAFAD, #9398C0, #515259)
- Weathered Lapis Chapel color palette (#C0E9D5, #00A4BB, #6851C5, #4E4A00, #00273E)
Browse the whole catalog at Explore, or see today's palette.