Hushed Petrol color palette — #C9EEEB · #7DADAF · #4C7D87 · #334C66 · #18253D
A conversation between Slate and Peacock, giving this palette its sense of calm and sophistication.
The five colors
- Honeydew (#C9EEEB): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#7DADAF): A luminous, dusty teal — the color of sea glass.
- Slate (#4C7D87): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#334C66): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#18253D): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Calm, Sophistication. Tagged vintage, retro, 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
- Washed Cerulean color palette (#D8F9FE, #9BBEC9, #558C9C, #4E5A7B, #36374C)
- Softworn Petrol Corridor color palette (#D1E9EA, #37A5C1, #00739E, #49336C, #371441)
- Worn Teal Delta color palette (#C7FFF8, #3BBFB4, #007A75, #003A37, #000F0D)
- Softworn Lantern color palette (#E8F5F4, #ADCCE2, #0084C1, #00596A, #072239)
- Washed Garden color palette (#D9F2F4, #48867D, #006069, #212F52, #110A2B)
- Ancient Mint Quarry color palette (#D1EDD2, #80C7A3, #579B8D, #49796C, #4D3B4B)
- Periwinkle Workshop color palette (#E0EDF7, #6FAADE, #657BB3, #664666, #4C1F36)
- Hushed Teal Workshop color palette (#DDFFEB, #BCDFB9, #57B3AC, #786383, #452C47)
Browse the whole catalog at Explore, or see today's palette.