Petrol Lagoon color palette — #FCF4E7 · #7FC3D7 · #0077A3 · #005654 · #00355C

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sky (#7FC3D7): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005654): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#00355C): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Cobalt Study color palette (#FEEEE5, #5FCCE7, #0077BC, #00543F, #0E0D4B)
• Sapphire Dune color palette (#FDF4E5, #88BDED, #2E68D0, #005367, #24207C)
• Cerulean Lagoon color palette (#FBF4EA, #B8D9B5, #00909D, #00694C, #004759)
• Hushed Denim color palette (#F1EAE0, #82A995, #005D8A, #003E40, #001F42)
• Cornflower Balcony color palette (#FFF0FA, #70DCF9, #0092EA, #00755B, #252A69)
• Worn Sky color palette (#EBFAEE, #96E8FF, #16B9F8, #009895, #00355C)
• Petrol Corridor color palette (#F8F5EF, #C4E5D8, #638EBA, #006F7D, #5A3C56)
• Wandering Navy Grove color palette (#EAE1D3, #5D86A2, #003B78, #002128, #03002E)

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