Hushed Petrol color palette — #E7F9FF · #7EBBCE · #4795BA · #2C6C9F · #40556E
A conversation between Slate and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E7F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Ash (#7EBBCE): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#4795BA): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2C6C9F): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#40556E): A full-bodied, dusty blue — the color of deep harbor water.
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
- Cobalt Parlor color palette (#EDF7FF, #89B6D5, #BE8D65, #007BB1, #654050)
- Wandering Denim Coast color palette (#EEF6FF, #ABCBED, #5483B1, #1C5387, #203855)
- Wandering Lagoon color palette (#D5FCFB, #7EBCA5, #339C8C, #007477, #255465)
- Dusty Powder Thicket color palette (#DEFFE4, #9DE7FF, #75C7EE, #729DBE, #5A475A)
- Olive Workshop color palette (#EDF6FF, #689ECB, #B97182, #67822D, #334454)
- Hushed Chestnut Corridor color palette (#EDF9F1, #9EC1B2, #668A74, #73592F, #354D47)
- Misty Ultramarine Summit color palette (#B1E9FF, #0EA4EB, #006EC7, #1B32D6, #3A3881)
- Airy Aubergine color palette (#DAE3FF, #A5A7E5, #7F64B4, #6C3B91, #5C3C61)
Browse the whole catalog at Explore, or see today's palette.