Hushed Petrol color palette — #E8F4FB · #D2D5E4 · #AFC1DB · #007794 · #132833

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

The five colors

• Ivory (#E8F4FB): bright and airy, almost weightless.
• Silver (#D2D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#AFC1DB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#132833): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Denim Garden color palette (#E2EAF1, #C3CCD8, #96A4C0, #005C81, #081822)
• Muted Petrol color palette (#EEF8F1, #F3D9E2, #CDB4C0, #00778C, #33453A)
• Dusty Driftwood color palette (#F0F1F8, #DCD5DC, #C3ACB0, #7C7FA4, #34353E)
• Eclipse Cobalt color palette (#DCEBFC, #006CBF, #1E215A, #001124, #000409)
• Aged Boulevard color palette (#EEF1FD, #D1D1E9, #C29EBF, #5C40B5, #151929)
• Patina Cypress color palette (#DEF8F3, #73BA8C, #007D65, #00575E, #002813)
• Hushed Iris color palette (#D6E7F2, #98ABE6, #8B70B7, #73461F, #362800)
• Mulberry Harbor color palette (#E6F4FF, #008DC8, #970092, #542E00, #001E0E)

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