Hushed Petrol color palette — #F4F7EC · #BFE7D6 · #6490AF · #006D84 · #255147

Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Celadon Mist (#BFE7D6): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6490AF): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006D84): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#255147): A full-bodied, dusty teal — the color of glacier melt.

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

• Petrol Study color palette (#F3F7EE, #C3E5DB, #6D8DB4, #226A8B, #5A3C57)
• Hushed Grove color palette (#F3F7E8, #A1D7F1, #2088BE, #006475, #08436B)
• Wandering Teal Cabin color palette (#E8E9DD, #5AAEB3, #00636F, #003E3A, #00242D)
• Lagoon Station color palette (#ECFAEA, #B4E2EC, #A2C1E7, #509183, #435745)
• Timeworn Cerulean color palette (#EEF0E4, #3F8CA0, #004357, #002225, #000B13)
• Wandering Thicket color palette (#E3FEDF, #6AC5C0, #008280, #004F4D, #003231)
• Softworn Atelier color palette (#EDF0E7, #8EB7D4, #1E6CAB, #004C63, #122E52)
• Pale Cobalt color palette (#E9FCE6, #009D96, #477CC1, #5E7229, #2B3E28)

Browse the whole catalog at Explore, or see today's palette.