Hushed Petrol color palette — #F6F1EB · #C7E4E9 · #8D9BC2 · #2C7684 · #472D3A

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

The five colors

• Cream (#F6F1EB): a clean, paper-quiet neutral.
• Silver (#C7E4E9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8D9BC2): A luminous, dusty violet — the color of wild irises.
• Teal (#2C7684): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#472D3A): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Hushed Petrol color palette (#F4F6F0, #CAE2E6, #819BBF, #367699, #62495E)
• Weathered Aqua color palette (#E8F6E8, #6EC4C4, #C78893, #288081, #4A251D)
• Cypress Grove color palette (#F8F0EC, #C8E6DF, #7FA792, #457762, #1B3D35)
• Hushed Denim color palette (#E8DED5, #7CA1C0, #3251A5, #00383F, #0C012A)
• Patina Lagoon color palette (#F0F6D2, #87C9B1, #399D95, #196A75, #143B2B)
• Softworn Atelier color palette (#F3E4DD, #428489, #004254, #002014, #000104)
• Antique Cobalt color palette (#FBEFE7, #ACD1C1, #5A7EAB, #005B5C, #191C3F)
• Cerulean Field color palette (#DCFBE4, #9BDFE4, #44919C, #005560, #03220D)

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