Hushed Petrol color palette — #EAF3FA · #D6D4E3 · #BBBCDA · #00759A · #182730

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF3FA): a clean, paper-quiet neutral.
• Silver (#D6D4E3): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#BBBCDA): A luminous, dusty violet — the color of a velvet chair.
• Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#182730): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Courtyard color palette (#EEF6FD, #D8D8E7, #AEBCDB, #0072A4, #32424E)
• Hushed Denim color palette (#E3EAF0, #C5CBDB, #A3A0B8, #005B88, #0D171F)
• Hushed Driftwood color palette (#F1F1F9, #DCD5D9, #B9ACA9, #7F7F9E, #35353D)
• Softworn Grape color palette (#EFF1FA, #D7CFE9, #BCA0C0, #6440AB, #15182C)
• Muted Jade Grove color palette (#DAFAEF, #68BC8E, #007B79, #2F4E71, #002626)
• Navy Archive color palette (#E8EBF5, #A09DAE, #887391, #312870, #010313)
• Washed Study color palette (#A9EDFF, #90A4CF, #936B8A, #2D5949, #2C3100)
• Nocturne Sapphire color palette (#E0EDFF, #1F5EE0, #341F42, #020F26, #000408)

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