Hushed Petrol color palette — #E9F5EE · #9C9456 · #267B97 · #653F5B · #0E2118
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#E9F5EE): bright and airy, almost weightless.
- Moss (#9C9456): A luminous, balanced green — the color of fresh herbs.
- Slate (#267B97): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#653F5B): A full-bodied, dusty pink — the color of neon signs at night.
- Onyx (#0E2118): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Timeworn Driftwood color palette (#E9F5F2, #72935A, #1C7D7A, #534674, #25151C)
- Garnet Drift color palette (#E7F4F9, #489AA0, #526B95, #6A344A, #0C1F1B)
- Dusty Lagoon color palette (#FFECF4, #A9B17E, #408775, #554B6E, #17322D)
- Washed Basalt color palette (#FCF2F7, #B3795C, #625B8D, #683966, #3C2E3D)
- Pewter Bloom color palette (#F3F7ED, #6FAC84, #37969C, #7F5091, #39352F)
- Tempered Lagoon Station color palette (#E0F2F0, #5E9161, #284044, #152120, #070E0C)
- Dusty Canyon color palette (#D3FEE3, #B2C096, #648D6A, #006151, #003032)
- Hushed Lilac color palette (#FDF3E8, #D9AC76, #A588C1, #88566C, #302118)
Browse the whole catalog at Explore, or see today's palette.