Hushed Petrol color palette — #D8EEF8 · #00739C · #004B74 · #00223E · #000B21
Teal takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D8EEF8): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#00739C): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#004B74): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#00223E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000B21): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Powdered Azure color palette (#CEF0FF, #009AD2, #006698, #003F6B, #001E46)
- Antique Cypress color palette (#E0F5F0, #007F78, #004F4D, #003033, #000D0F)
- Chalky Lantern color palette (#D9EAFA, #0071AF, #006B20, #00395C, #000B01)
- Quiet Iris Cabin color palette (#DBE5F2, #A6B3E2, #8D7CDA, #004E7F, #010729)
- Aged Boulevard color palette (#D8EDFE, #0C76C9, #00419C, #000A74, #04002F)
- Sunlit Loft color palette (#D6EBFC, #72AADC, #2E75B9, #144598, #1A294E)
- Hushed Aubergine Orchard color palette (#D2E9FE, #005E8D, #671E98, #004639, #000409)
- Sunlit Aubergine Atelier color palette (#DAE1FB, #5D58BE, #5110B2, #330065, #0E001E)
Browse the whole catalog at Explore, or see today's palette.