Hushed Petrol color palette — #E2ECE4 · #80BBE4 · #366CAF · #004957 · #091137

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E2ECE4): a clean, paper-quiet neutral.
• Sky (#80BBE4): A luminous, balanced blue — the color of open sky before noon.
• Slate (#366CAF): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#091137): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Petrol Canyon color palette (#E0EDE3, #65C5C8, #00788B, #004D3D, #001924)
• Petrol Ridge color palette (#F5EDE5, #91BCAD, #4367A4, #004F54, #282559)
• Chalky Cobalt color palette (#ECF1E2, #A2D0C0, #3A8BD3, #006786, #102D55)
• Ash Villa color palette (#EDF4EE, #D8DBEE, #829DCA, #477187, #2E3648)
• Muted Cerulean color palette (#E0EDE3, #1298BD, #004F75, #002B2D, #000410)
• Grape Canyon color palette (#D4F1E8, #7C9C21, #7239AD, #3C4E00, #1B0033)
• Aged Pier color palette (#D5F2EB, #4C7B00, #005FAA, #8B1237, #050E00)
• Hushed Teal Station color palette (#D2FBF2, #7FD69B, #00B3AC, #606021, #001E1B)

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