Hushed Petrol color palette — #FFF2E9 · #42AD8D · #286EA5 · #783A0D · #304232
Built around Slate, softened by Jade — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Jade (#42AD8D): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#286EA5): A full-bodied, balanced blue — the color of open sky before noon.
- Bronze (#783A0D): A full-bodied, balanced gold — the color of old brass.
- Forest (#304232): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Trust, Stability, Optimism, Balance. Tagged retro.
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
- Hushed Cobalt Study color palette (#FEF4E3, #58B9BF, #6972AD, #6C5623, #384D44)
- Moss Dune color palette (#FFF2EF, #85A35D, #007881, #74364E, #3C3E37)
- Faded Teal color palette (#DEFAE4, #00B2B7, #1572A4, #68343E, #082633)
- Grape Ridge color palette (#F5F7E9, #599B4F, #7749A3, #544800, #27390D)
- Ultramarine Cabin color palette (#FFDFB7, #008F8D, #2600EE, #4F3100, #002E3B)
- Hazy Grape color palette (#FFF6D1, #009BBC, #6F33C8, #464900, #163855)
- Cerulean Bloom color palette (#FBF3F1, #CCE4C8, #0E9AB7, #426F3F, #2B5047)
- Worn Lagoon color palette (#F3F8D7, #95BA9C, #94768A, #7D5D14, #4C5100)
Browse the whole catalog at Explore, or see today's palette.