Petrol Lagoon color palette — #EAFAED · #75C4DE · #0077A7 · #005556 · #003460
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#75C4DE): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0077A7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005556): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#003460): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 Workshop color palette (#EDF9EF, #93BCE5, #3464D6, #005269, #292967)
- Muted Cerulean Coast color palette (#EEF8F0, #8FDEDD, #008FA0, #006950, #00475B)
- Patina Cobalt color palette (#FDECF7, #88C6DC, #0173CB, #005344, #160153)
- Timeworn Basin color palette (#E5F4E8, #63A9C6, #005D8E, #003D41, #001D47)
- Hazy Pier color palette (#FBF4E9, #9CE6FF, #27B7FB, #009799, #003460)
- Ancient Parlor color palette (#F1F7F2, #C7E0F4, #6C8DB4, #006E7F, #364866)
- Softworn Canyon color palette (#FFF2EB, #97D6EA, #0090F1, #00755E, #272179)
- Hazy Cabin color palette (#D6FFEF, #02EAEC, #0CADDE, #187A23, #00463F)
Browse the whole catalog at Explore, or see today's palette.