Hushed Petrol color palette — #DDECF3 · #37A4D5 · #0072AA · #00406A · #022247
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#DDECF3): bright and airy, almost weightless.
- Cyan (#37A4D5): A luminous, balanced blue — the color of open sky before noon.
- Slate (#0072AA): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00406A): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#022247): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Softworn Cerulean Archive color palette (#C9E8E7, #00A2AD, #007A88, #004451, #00212B)
- Weathered Summit color palette (#DFFBFF, #4ED1F2, #2A9DDE, #205BA2, #29275A)
- Petrol Terrace color palette (#EBF2FF, #80A6E3, #3765AD, #012D6E, #000B28)
- Feathered Emerald color palette (#D6F0E6, #3D9AD2, #3E9040, #005B87, #012403)
- Gentle Indigo color palette (#E2E6F7, #8F91E2, #6C57BA, #4D327C, #2B1741)
- Airy Plum Courtyard color palette (#E9DCE8, #4C79CF, #9B4999, #00696A, #05122F)
- Tempered Powder Dune color palette (#FFEAFD, #E0D3F2, #B9ACEE, #4E759A, #371C33)
- Wandering Iris Harbor color palette (#FFEBF8, #B4B0E5, #8978B6, #675382, #4A2D37)
Browse the whole catalog at Explore, or see today's palette.