Petrol Lagoon color palette — #D8F6FF · #0077A1 · #004A75 · #00255A · #01002F
Cerulean takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D8F6FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#0077A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004A75): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00255A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#01002F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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 Onyx Garden color palette (#CBF6F6, #006D85, #003155, #060058, #0B0022)
- Navy Garden color palette (#D4EBEC, #008AAF, #00679D, #003687, #09002B)
- Ancient Cobalt Orchard color palette (#DBF3FF, #007CB2, #004A72, #001226, #000106)
- Linen Cobalt color palette (#CFF6EC, #006BB9, #7B4C00, #003967, #0C0400)
- Cypress Garden color palette (#CAE7DC, #007C6E, #005858, #003137, #000F15)
- Orchid Courtyard color palette (#F2E5F3, #9B98E2, #A15CBC, #005174, #030622)
- Quiet Station color palette (#E4EAF8, #4172D6, #0D20D4, #00055C, #000010)
- Misty Garnet color palette (#F9E5F9, #0053B2, #93002A, #1D4900, #000208)
Browse the whole catalog at Explore, or see today's palette.