Petrol Lagoon color palette — #E9F4FA · #8EBAD2 · #C19169 · #007E9A · #472434

A conversation between Cerulean and Camel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E9F4FA): bright and airy, almost weightless.
• Ash (#8EBAD2): A luminous, dusty blue — the color of open sky before noon.
• Camel (#C19169): A luminous, dusty gold — the color of honey in a jar.
• Cerulean (#007E9A): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#472434): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Patina Corridor color palette (#EBF3FC, #9AB5DC, #C2906A, #3771C1, #48280C)
• Antique Field color palette (#EDF7FD, #80B9D4, #CB8560, #007DA6, #5D4452)
• Tempered Lagoon Garden color palette (#E4F5FF, #D9D7E5, #AEABA1, #4F988D, #303C4C)
• Muted Atelier color palette (#EDF9F0, #82D3E1, #E0A451, #339CAB, #514C46)
• Worn Bronze color palette (#EBF2FF, #8C9AC7, #BC7877, #AE6041, #1E2739)
• Wandering Chestnut Parlor color palette (#EAF5EC, #A5C3B7, #928158, #744E36, #1A312E)
• Dusty Denim color palette (#EDF2FB, #A7CEB6, #516089, #22314B, #0D141F)
• Grape Lagoon color palette (#EEF1FE, #A599DA, #849744, #6850AE, #232C00)

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