Hushed Petrol color palette — #E3E3D7 · #7DBFBF · #00848E · #005A50 · #00242B
Built around Teal, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Parchment (#E3E3D7): bright and airy, almost weightless.
- Mint Leaf (#7DBFBF): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00848E): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005A50): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#00242B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Hushed Petrol color palette (#DEE0D3, #5DAFC4, #007190, #00494F, #001623)
- Cerulean Cabin color palette (#EEF0E4, #8AD1E0, #1C94B3, #006B6E, #003345)
- Softworn Cabin color palette (#E7FAF6, #8FDBDC, #008B95, #005249, #001013)
- Soft Cobalt color palette (#DEE2D6, #86B7E0, #3C77B8, #005572, #001950)
- Hushed Powder color palette (#F4F6EF, #C8E5E8, #90B5DA, #5B8EA3, #5D4C5E)
- Linen Aubergine color palette (#FDE8EC, #AB64C4, #00829C, #7E009E, #001F27)
- Tempered Moss Alley color palette (#EDE8D7, #87953C, #666400, #473D00, #111A00)
- Airy Blush color palette (#FCD2F2, #EAB3D1, #DF829D, #7E4F8A, #3A1931)
Browse the whole catalog at Explore, or see today's palette.