Hushed Petrol color palette — #DEF3FB · #007698 · #004461 · #00243B · #0C0A25
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#DEF3FB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004461): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#00243B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0C0A25): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Timeworn Cypress color palette (#D5EFE7, #007465, #004541, #002929, #00111C)
- Ancient Alley color palette (#D7F3F7, #0084A4, #00608F, #00365E, #000B49)
- Forest Boulevard color palette (#C9E6FA, #006695, #0C5C0D, #003049, #011501)
- Gentle Indigo color palette (#D8E7FF, #8399F7, #785DC5, #004775, #0D1535)
- Moonless Drift color palette (#D4E4FD, #0065E6, #003678, #001031, #00020B)
- Patina Corridor color palette (#E0EDFF, #004999, #680075, #003936, #000719)
- Azure Orchard color palette (#D9F1FF, #009BE8, #0060A4, #004284, #0A286C)
- Moonless Lagoon color palette (#D8EAFF, #004BBE, #1200A8, #0E004D, #0F0018)
Browse the whole catalog at Explore, or see today's palette.