Hushed Petrol color palette — #F4F6EF · #C8E4E5 · #769EBD · #39788B · #32524A

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C8E4E5): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#769EBD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#39788B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#32524A): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Weathered Bloom color palette (#F4F6EF, #C6E6EA, #A98FAB, #43768E, #5F4B5D)
• Softworn Petrol Studio color palette (#EFF0E4, #7EBEC5, #007587, #00504D, #003441)
• Tempered Cypress color palette (#F6F1EC, #C8E4E5, #7E9FC9, #007A7D, #462C3F)
• Timeworn Courtyard color palette (#EFF7F6, #D8DCEA, #8FCEFF, #6FACC0, #425468)
• Lagoon Delta color palette (#F6F6E9, #A0DBDA, #00909A, #00685B, #004953)
• Muted Lagoon color palette (#E9E9DA, #599D99, #005557, #003128, #00181B)
• Weathered Cerulean color palette (#FEF0FF, #AFD1F6, #5C88B3, #2B557D, #462E49)
• Hushed Stone color palette (#FEF0FF, #E9D4D9, #DFB3A1, #699183, #554855)

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