Petrol Lagoon color palette — #CBF4F5 · #007C8F · #004C62 · #00253B · #001327
Teal and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#CBF4F5): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007C8F): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#00253B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001327): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Nocturne Cypress Hollow color palette (#CCE5DF, #006972, #003D53, #001E3A, #01001B)
- Pine Delta color palette (#E0F6E5, #007F54, #004F42, #002827, #001517)
- Weathered Bloom color palette (#DFECF8, #0076C1, #003E60, #001120, #00040A)
- Timeworn Archive color palette (#CCE7DF, #009295, #005E7E, #003468, #0E0547)
- Worn Cabin color palette (#E2F2FD, #00688C, #743A00, #003144, #1D0A00)
- Muted Garnet Pier color palette (#CBEAFF, #005279, #780040, #2D3500, #000811)
- Patina Aubergine color palette (#DBF5FA, #00A5CF, #006B93, #004272, #301966)
- Airy Violet color palette (#DAEEFC, #89A4DD, #8063E1, #00434D, #00182F)
Browse the whole catalog at Explore, or see today's palette.