Hushed Petrol color palette — #D1EFFE · #5B6DA9 · #5C345D · #202900 · #060800
A conversation between Slate and Mulberry, giving this palette its sense of nature and growth.
The five colors
- Frost (#D1EFFE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#5B6DA9): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#5C345D): A deep, shadowed, balanced pink — the color of neon signs at night.
- Deep Forest (#202900): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#060800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, 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
- Softworn Navy Corridor color palette (#BFE9E3, #336E84, #3A356F, #2D2200, #070700)
- Muted Pewter Pier color palette (#D6E0FE, #77558A, #612B34, #00281D, #000D08)
- Aged Mulberry color palette (#F0E7FF, #896392, #71325E, #521C00, #321800)
- Denim Field color palette (#DAF4F9, #628EB1, #6D529A, #4C4300, #001F0E)
- Ancient Study color palette (#DFE3F6, #9788D0, #6B537A, #5C1723, #200200)
- Muted Lantern color palette (#EDE9F6, #AD698B, #753A28, #003439, #001619)
- Hushed Veranda color palette (#EDDFD3, #5892B1, #00478F, #002B2C, #03001C)
- Timeworn Ash color palette (#F8E2F1, #9D85B1, #865666, #004535, #002327)
Browse the whole catalog at Explore, or see today's palette.