Petrol Lagoon color palette — #EEF4EF · #D8DAED · #869CC6 · #167692 · #2B354F

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

The five colors

• Cream (#EEF4EF): bright and airy, almost weightless.
• Silver (#D8DAED): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#869CC6): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#167692): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2B354F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns 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

• Ancient Boulevard color palette (#E3EBE5, #87BDCF, #0074A3, #004B4C, #00162F)
• Cypress Parlor color palette (#F9F4EF, #CBE5E9, #8D96C4, #277C81, #644A54)
• Weathered Cypress color palette (#EDF4EE, #C7E1E9, #489BA8, #006F55, #003240)
• Ancient Coast color palette (#DDE6DF, #7AA1C1, #1054AD, #003844, #050031)
• Lagoon Bloom color palette (#DFEEE2, #418588, #00434F, #002018, #000103)
• Patina Cobalt color palette (#FBEDFA, #C98888, #6F9B63, #5379B4, #322032)
• Cerulean Harbor color palette (#FAF3F5, #D9D4DE, #C7BCE5, #46A1A8, #4A4B64)
• Chestnut Grove color palette (#ECF4ED, #A6C4B0, #6B8D6F, #715032, #1B3128)

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