Hushed Petrol color palette — #FAF3F5 · #DBDDED · #8A98C1 · #007C8E · #4B516D

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DBDDED): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8A98C1): A luminous, dusty violet — the color of wild irises.
• Teal (#007C8E): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#4B516D): A full-bodied, dusty violet — the color of a velvet chair.

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

• Weathered Periwinkle color palette (#F0F3EC, #C3E3E8, #789ED5, #43718C, #422E3F)
• Tempered Powder color palette (#EFF7F7, #D9DBE9, #8DB3EB, #5F8DA8, #455369)
• Pine Villa color palette (#F9F3F7, #C4E2EB, #4B96A9, #007549, #254C65)
• Muted Drift color palette (#F7EAF2, #94B7CB, #006DAB, #00504A, #1A2B56)
• Timeworn Quarry color palette (#EFF8F0, #96BB9C, #5FA2C3, #946A00, #265368)
• Cerulean Villa color palette (#F7EBF4, #4B9DA7, #00516A, #003124, #00152A)
• Ancient Cobalt color palette (#E7FBED, #AA975B, #5592AF, #676EB7, #314939)
• Oat Pier color palette (#FAF4ED, #C6E0F2, #DEBAD6, #87AC93, #614B56)

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