Hushed Petrol color palette — #EBF4F3 · #D2DAEF · #7DA1BD · #00788B · #20384D

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

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Powder Blue (#D2DAEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7DA1BD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#20384D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Petrol Atelier color palette (#DDEDEA, #8BBCCC, #007987, #004C46, #001A20)
• Ancient Azure Corridor color palette (#FAF4EF, #C8EAE9, #6D9ECD, #407A77, #604B5B)
• Ancient Veranda color palette (#D2E3E2, #527E9C, #003E6A, #001E28, #000105)
• Lagoon Thicket color palette (#E9F5F2, #A5DAE6, #009599, #006453, #002B30)
• Ancient Teal Field color palette (#FAF3F7, #D7D4E0, #BDC0EC, #2EA5A3, #424D63)
• Muted Cobalt color palette (#F8EEFC, #C7869C, #B6804C, #7A6DAD, #2F2135)
• Hushed Chestnut Station color palette (#FCEDF3, #CFB2BB, #9D7586, #754D35, #213122)
• Tempered Mulberry color palette (#E9E1FF, #D0A4C3, #B8749A, #883D61, #412C4A)

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