Hushed Petrol color palette — #EFF6FA · #D8DAE0 · #C0BDD1 · #018297 · #3C4A51
Cerulean and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D8DAE0): a clean, paper-quiet neutral.
- Ash (#C0BDD1): A luminous, dusty violet — the color of wild irises.
- Cerulean (#018297): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3C4A51): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Antique Petrol Workshop color palette (#EDF4F0, #CDDBDB, #A5C5C9, #427E92, #252F29)
- Sapphire Courtyard color palette (#F1F5FC, #DCD7E1, #BDB8CF, #4A63B9, #364052)
- Hushed Summit color palette (#DBF9FF, #A1BACB, #8188A2, #4D6E58, #335652)
- Softworn Abyss Lagoon color palette (#DEE8EE, #A0AAB6, #757E99, #003E50, #001623)
- Timeworn Grove color palette (#EAFAED, #59A5AE, #4D699F, #624A00, #1D4156)
- Nightshade Studio color palette (#EBEEF6, #CBCBD6, #A49CB0, #4840AE, #282D3B)
- Patina Aubergine color palette (#E0E1E8, #BBB6C7, #97889D, #5B069A, #1D1E2D)
- Patina Mulberry Workshop color palette (#EBF8FA, #319B8F, #804A8D, #564700, #044426)
Browse the whole catalog at Explore, or see today's palette.