Hushed Petrol Lagoon color palette — #EDF4EE · #D8DBEE · #899CC3 · #3D7387 · #2D354B

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#D8DBEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#899CC3): A luminous, dusty violet — the color of a velvet chair.
• Slate (#3D7387): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#2D354B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Hushed Petrol Lagoon 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

• Washed Cypress color palette (#ECF4EE, #C2E3EC, #5999A4, #056F56, #0D3042)
• Washed Ridge color palette (#E0EDE3, #87BDD0, #0073A5, #004B4C, #001630)
• Powdered Denim Courtyard color palette (#E6F2E8, #71A2CA, #1E54A7, #003744, #050031)
• Tempered Cypress color palette (#F9F4EF, #C9E7EC, #B28BA5, #107D84, #674853)
• Weathered Ash Station color palette (#F1F7F1, #DAD5DF, #C7BDE7, #629EA0, #494B65)
• Softworn Lagoon color palette (#E3F1E6, #478487, #004350, #002019, #000103)
• Coral Hollow color palette (#FEEBFD, #D08484, #739A6A, #62799F, #322031)
• Antique Driftwood color palette (#E9F6EA, #A5C4B0, #6F8B73, #6A4F5A, #1C3129)

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