Hushed Petrol color palette — #F7EFF3 · #D6D1E5 · #7FA0BF · #3E747F · #2B364A

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Silver (#D6D1E5): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#7FA0BF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3E747F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#2B364A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Hushed Turquoise Delta color palette (#EFF7F6, #D4DDEE, #67A2C1, #2F7A87, #3E5569)
• Antique Denim Harbor color palette (#F2E1EC, #6BA6B8, #005E8D, #003A33, #00052B)
• Ancient Petrol color palette (#F2E4EE, #7DC1C2, #007790, #004E31, #001828)
• Dusty Taupe color palette (#F9EDFF, #C4889D, #5C9C87, #39887C, #2E2135)
• Ancient Atelier color palette (#F7EEFF, #CBE3C9, #EED2D8, #908CB4, #3F3442)
• Wandering Navy Orchard color palette (#F5E5EC, #4480A1, #00387A, #001F20, #01000B)
• Antique Delta color palette (#FBEEF2, #B1D4F5, #587DDD, #00606C, #241C4A)
• Pewter Study color palette (#F6EEFE, #D5A1BE, #68AB99, #975B7E, #09383D)

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