Hushed Petrol color palette — #F0F7F2 · #89CCDE · #5A80AD · #127A8E · #352935

Teal takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Sky (#89CCDE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5A80AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Teal (#127A8E): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#352935): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, cool.

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

• Ancient Cypress Pier color palette (#F3F6EF, #B5C8A1, #458994, #1F7F62, #233227)
• Worn Hollow color palette (#F9F3F8, #D6B3D1, #886FAA, #546CA0, #38292F)
• Ash Atelier color palette (#F1F8E8, #83ACD2, #66769F, #764C4F, #534154)
• Ancient Driftwood Cabin color palette (#EFF3EE, #B1CCAD, #9572AD, #00837D, #211016)
• Antique Navy color palette (#D9FFF2, #9AC1E8, #6C88B6, #48588E, #393D76)
• Dusty Lagoon Grove color palette (#EEF7F9, #A7DBE9, #9993CD, #00A19E, #292D3C)
• Dusty Cerulean Parlor color palette (#EFF7F3, #D1DDDD, #B7ADA7, #578AA1, #4C5550)
• Airy Lapis Meadow color palette (#EAF9F4, #30ACF2, #564DCC, #005C88, #2D1125)

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