Hushed Petrol color palette — #F2EADD · #9CBB9C · #008394 · #005B46 · #00232F
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#F2EADD): a clean, paper-quiet neutral.
- Sage (#9CBB9C): A luminous, dusty green — the color of new leaves after rain.
- Cerulean (#008394): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B46): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#00232F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Washed Cerulean Basin color palette (#F5EDE2, #ACCEB7, #0093BE, #006D65, #00314E)
- Petrol Atelier color palette (#F0E9DF, #74ACBB, #006F97, #004A48, #001529)
- Cerulean Parlor color palette (#EAFAED, #88DDDC, #008A9B, #005340, #000F16)
- Frosted Cobalt color palette (#E5E0D8, #8DBDAE, #3A73C7, #005768, #12164D)
- Hushed Lagoon color palette (#D1E9D7, #8FCAE4, #76A8F3, #007B6C, #002730)
- Hazy Parlor color palette (#FAF4EB, #A1EAEE, #00ADCC, #00856F, #004660)
- Weathered Loft color palette (#D5F1D7, #00999E, #D31F40, #005F62, #3A0009)
- Misty Chapel color palette (#D5F4F8, #008490, #9C35A1, #6F5300, #001518)
Browse the whole catalog at Explore, or see today's palette.