Hushed Petrol color palette — #D4E6EB · #007F9F · #004A66 · #00283E · #000D1B
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D4E6EB): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007F9F): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004A66): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00283E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000D1B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Cypress Boulevard color palette (#DCF3E9, #007E6B, #005248, #002A27, #000C0C)
- Petrol Alley color palette (#DDECF7, #0068A4, #003C75, #00143D, #010020)
- Patina Cerulean Study color palette (#C6E6E6, #009FB9, #006B91, #003860, #000030)
- Mulberry Hollow color palette (#CBE6FE, #0071AD, #94147A, #003A5B, #15000F)
- Airy Coast color palette (#CDEBE9, #008D9B, #005879, #002B54, #0A095D)
- Timeworn Study color palette (#C8EDFF, #64B4DE, #2D86BF, #0C4C80, #162F4B)
- Aged Iris Coast color palette (#DFEEFF, #93AEF1, #7C7BC0, #005881, #020C29)
- Aubergine Bloom color palette (#D8E3EE, #005B9A, #6E1D8D, #00463E, #00040B)
Browse the whole catalog at Explore, or see today's palette.