Petrol Lagoon color palette — #D9EEED · #85BBDC · #1171AC · #00495B · #001630

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

The five colors

• Frost (#D9EEED): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#85BBDC): A luminous, dusty blue — the color of open sky before noon.
• Slate (#1171AC): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#00495B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001630): 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

• Ancient Petrol Corridor color palette (#F6EDE0, #89B8D4, #2E6BA5, #004E58, #182B58)
• Washed Cypress color palette (#DFECE9, #72C4C1, #007A81, #004C42, #001A1E)
• Soft Boulevard color palette (#DAEBFF, #A7BFFF, #8F8FDC, #27698F, #0A1D34)
• Softworn Cerulean color palette (#DDF2F8, #0098BE, #006587, #003550, #001A2F)
• Weathered Grape Atelier color palette (#D8E2ED, #006CC1, #85329D, #005952, #000B1C)
• Timeworn Cerulean Pier color palette (#E6F6F3, #89E0E8, #0093A7, #00625E, #002A35)
• Plum Parlor color palette (#CCE2F5, #0087CA, #AA318E, #004B73, #26001D)
• Antique Cerulean Boulevard color palette (#D6F2EF, #1B99B7, #00516B, #002B30, #00050A)

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