Hushed Petrol color palette — #F0F7F1 · #D5DFF1 · #799EB9 · #457784 · #465463

Built around Slate, softened by Blue Fog — the whole palette hums with sophistication.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Frost (#D5DFF1): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#799EB9): A luminous, dusty blue — the color of deep harbor water.
• Slate (#457784): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#465463): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: 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

• Aged Cabin color palette (#F7EFF4, #D5D1E8, #79A2BF, #37786E, #2A3749)
• Antique Drift color palette (#F2F5FF, #968CD6, #B97753, #4B8184, #3D4154)
• Muted Bloom color palette (#DFEAE1, #58ACBE, #00607E, #003E3A, #002138)
• Lagoon Hollow color palette (#FBF3EF, #CDE7E5, #91BCAD, #589389, #5F4B5D)
• Wandering Basin color palette (#DDEEFF, #90BAFF, #7981BF, #605A86, #494C66)
• Dusty Powder Atelier color palette (#F1F5FF, #A5A7F1, #A79956, #6B6D9D, #385445)
• Washed Drift color palette (#F5F6EF, #CCE3E1, #92D1EB, #57B2BB, #305346)
• Dusty Cerulean Archive color palette (#E5F1E7, #308BB0, #004067, #002225, #00071F)

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