Hushed Petrol color palette — #E9F5ED · #C8DADA · #A9C7BB · #00788B · #142B1D
A conversation between Teal and Deep Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#E9F5ED): a clean, paper-quiet neutral.
- Silver (#C8DADA): bright and airy, almost weightless.
- Stone (#A9C7BB): A luminous, dusty teal — the color of glacier melt.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#142B1D): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Patina Atelier color palette (#E3EBE7, #BDD1C9, #8CABA3, #005E78, #061A11)
- Hushed Petrol Grove color palette (#F6F0F5, #E1D4D6, #CAB7B9, #5D769B, #312931)
- Cerulean Parlor color palette (#EFF8F0, #CDE1E1, #D2BFAF, #32A3AF, #273B2B)
- Twilit Petrol Harbor color palette (#D4E6DF, #0072A8, #0C2A4B, #00150E, #000502)
- Soft Pine color palette (#F3F4DB, #7FB887, #00804E, #0D594A, #04280D)
- Tempered Market color palette (#E1EEFF, #99A9D5, #766F9B, #76415A, #49261C)
- Hushed Navy Lagoon color palette (#D8E2DF, #BBAEBA, #9E8498, #004676, #000E0A)
- Wandering Nightshade Bloom color palette (#FDECF7, #E4CCD8, #C2A1AE, #4C49B3, #24141F)
Browse the whole catalog at Explore, or see today's palette.