Hushed Petrol color palette — #F0F7F0 · #ABC9BC · #5E8B87 · #436C7D · #3D534A
A conversation between Graphite and Storm Blue, giving this palette its sense of sophistication and grounding.
The five colors
- Ivory (#F0F7F0): bright and airy, almost weightless.
- Stone (#ABC9BC): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#5E8B87): A luminous, dusty teal — the color of glacier melt.
- Graphite (#436C7D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#3D534A): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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
- Dusty Parlor color palette (#F4F2EB, #C7C69F, #648F6B, #576750, #32312B)
- Patina Villa color palette (#FFF1F6, #95B9A5, #637C54, #704A6E, #2B4A3A)
- Muted Cerulean color palette (#EEF6FF, #DFD9E3, #E3B8CE, #5095A3, #464C5E)
- Worn Denim Orchard color palette (#D9F4FF, #8EC1DC, #5387BE, #505898, #4B4C6F)
- Ancient Navy Delta color palette (#D9E9E1, #6F9774, #006358, #004168, #0F3117)
- Weathered Cypress color palette (#E9FAF0, #8EAE7E, #007C60, #005977, #2B4220)
- Weathered Delta color palette (#FBF4E9, #D7E5B7, #97C2A5, #8D9F93, #584E00)
- Wandering Denim Boulevard color palette (#F1F5FF, #BCCAEF, #7781B9, #3C4A87, #2C3155)
Browse the whole catalog at Explore, or see today's palette.