Petrol Lagoon color palette — #CDEEF3 · #007DA9 · #00417A · #040038 · #010009
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#CDEEF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007DA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#00417A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#040038): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, 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
- Inked Thicket color palette (#D5F2F6, #006586, #003459, #04003F, #030015)
- Obsidian Nightshade Station color palette (#CEE7F4, #2274BC, #1D29AB, #0E002D, #020006)
- Lagoon Meadow color palette (#D9EAE6, #008888, #004A58, #00121D, #000104)
- Aged Aubergine Dune color palette (#D0F9EC, #0092A3, #0064A4, #33009C, #0A0010)
- Shadow Aubergine Harbor color palette (#D1E6F6, #005C7E, #49004F, #100400, #000200)
- Hushed Abyss color palette (#D7E1E6, #AFBDC8, #8393A8, #004352, #000103)
- Ancient Aubergine Lagoon color palette (#D2E1EE, #6A83AA, #5C4083, #351600, #020100)
- Patina Aubergine color palette (#EBF7FF, #75B9FD, #556AD6, #4C00B1, #1D002F)
Browse the whole catalog at Explore, or see today's palette.