Hushed Petrol color palette — #E4F5EF · #8AB6BE · #527B96 · #3D5C41 · #12463D
Built around Slate, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#E4F5EF): bright and airy, almost weightless.
- Ash (#8AB6BE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#527B96): A full-bodied, dusty blue — the color of deep harbor water.
- Pine (#3D5C41): A full-bodied, dusty green — the color of new leaves after rain.
- Forest (#12463D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, 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
- Fern Workshop color palette (#D4F3DE, #53B3C5, #5F6499, #3A5A01, #004431)
- Antique Boulevard color palette (#E1FBFD, #ABCAD6, #8997B2, #49776B, #34585A)
- Washed Cobalt color palette (#FCF2F7, #B0C9DA, #5478B4, #006158, #393361)
- Hushed Cocoa Basin color palette (#C4ECD0, #8EB4A2, #568387, #7D403D, #524419)
- Ancient Lantern color palette (#DEF3DB, #81AB90, #5179A1, #6D453C, #3C1D09)
- Powder Study color palette (#B9EFFB, #86C5D5, #6F90B0, #8A5A66, #523847)
- Patina Fern color palette (#FFF0F8, #AD9968, #5B6A33, #00584E, #1A3E26)
- Denim Chapel color palette (#D4ECE5, #32B5B9, #007295, #004D8C, #2D3268)
Browse the whole catalog at Explore, or see today's palette.