Hushed Petrol color palette — #FFF3E5 · #E8DFAA · #8BAD7E · #446F9E · #3E3C62
A conversation between Slate and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Celadon Mist (#E8DFAA): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#8BAD7E): A luminous, dusty green — the color of fresh herbs.
- Slate (#446F9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#3E3C62): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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 Teal color palette (#FFF4DE, #D2D0B1, #77A88A, #586188, #482E37)
- Timeworn Lagoon Archive color palette (#FFF2F0, #EDDAB9, #BDA681, #248790, #244D68)
- Weathered Aubergine color palette (#FFF4DB, #D8EFAB, #9DAA83, #8C6A83, #53376D)
- Patina Navy Delta color palette (#EEEEDE, #94B482, #46826F, #3F3F6F, #280F2E)
- Jade Basin color palette (#DEEBD4, #4EA77B, #00736F, #351F4E, #1A0011)
- Muted Stone color palette (#FFEDD0, #BFC288, #878E6B, #674863, #342751)
- Mint Chapel color palette (#FFE6E8, #EFC29E, #91B978, #AB7FAB, #5F3560)
- Worn Grove color palette (#FDF5D9, #C8E3AB, #59A663, #8E5C4C, #2F2F28)
Browse the whole catalog at Explore, or see today's palette.