Petrol Lagoon color palette — #EBE0E8 · #81BDC3 · #0080A4 · #005C44 · #00213C
Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.
The five colors
- Rose Water (#EBE0E8): bright and airy, almost weightless.
- Ash (#81BDC3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005C44): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00213C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Sapphire Meadow color palette (#EDE2E6, #93B6D1, #2671D8, #00585C, #19144C)
- Ancient Cobalt Garden color palette (#F4ECF1, #A0CBE3, #388DC9, #006D64, #1A2B55)
- Softworn Hollow color palette (#FFF2EC, #79DEE7, #0087AB, #00543D, #000D1D)
- Tempered Turquoise color palette (#E6E7DC, #5CADB6, #006272, #003E3C, #00242E)
- Hushed Boulevard color palette (#E1ECFF, #CBB2DF, #E07EB7, #007195, #271844)
- Dusty Corridor color palette (#FAF3F8, #D0DFF6, #68ADD9, #008E7C, #334869)
- Indigo Workshop color palette (#E8EAFC, #655FDC, #876200, #5F5B00, #0E0833)
- Wandering Atelier color palette (#D8E6FA, #5583DC, #847600, #003BCF, #1F1B00)
Browse the whole catalog at Explore, or see today's palette.