Hushed Petrol color palette — #F5EDE2 · #84BACF · #006FA3 · #004F52 · #0E2E53
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE2): bright and airy, almost weightless.
- Ash (#84BACF): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
- Navy (#0E2E53): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Faded Petrol Studio color palette (#F1E7E0, #6EC0DC, #2B6EAE, #004D3E, #100D39)
- Worn Harbor color palette (#FAF4EB, #A0D2BE, #287BC7, #005E6A, #2A395C)
- Softworn Quarry color palette (#F3EBDD, #78A3CA, #0048C9, #003C4B, #161945)
- Soft Studio color palette (#E3F2F0, #A1DDF6, #30B1EB, #008EA1, #00314E)
- Wandering Abyss Studio color palette (#F4EBDF, #529CA7, #005267, #00302B, #001624)
- Softworn Meadow color palette (#F8F5EF, #C8E8E8, #6C9FCA, #3A7A81, #5F4B5E)
- Washed Drift color palette (#E7E1D7, #4787B3, #003A7A, #002129, #030328)
- Wandering Cerulean Corridor color palette (#F8F5EF, #CCE4CC, #079BB0, #08735C, #2E5041)
Browse the whole catalog at Explore, or see today's palette.