Petrol Lagoon color palette — #CBF1F9 · #007C96 · #005066 · #002C40 · #000710
Teal takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CBF1F9): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007C96): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005066): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002C40): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000710): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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 Cypress Study color palette (#CBEBDC, #007F67, #00584C, #00322E, #000808)
- Soft Cerulean Terrace color palette (#CCF1EE, #008997, #006A8C, #004166, #00082C)
- Aged Cobalt color palette (#D9E6F2, #2D82CC, #004D85, #001E38, #000206)
- Aubergine Ridge color palette (#E2F2FD, #00617F, #5725AA, #004A2F, #000204)
- Indigo Loft color palette (#E3F1FF, #7EA3D7, #6976D8, #004C67, #001024)
- Frosted Navy Lagoon color palette (#D7E2EC, #0067C2, #0039A2, #05008A, #04002B)
- Hushed Basalt Terrace color palette (#DCF4E3, #797037, #544300, #312100, #040400)
- Misty Market color palette (#D0E3EE, #4CA7EA, #0077C6, #0048A0, #0A2868)
Browse the whole catalog at Explore, or see today's palette.