Petrol Lagoon color palette — #DCEAF4 · #00749F · #16315A · #1A1921 · #000811
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DCEAF4): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#16315A): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#1A1921): quiet, heavy and certain.
- Ink (#000811): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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
- Obsidian Cypress Summit color palette (#C2E6EE, #007B71, #003941, #181C22, #00090C)
- Iris Coast color palette (#D8E3FD, #8A95FF, #616487, #384158, #09121E)
- Wandering Azure Delta color palette (#DEEFFF, #0399EC, #455689, #1D374E, #000910)
- Sapphire Canyon color palette (#D8E2F3, #2455F1, #32285B, #21171D, #00061A)
- Patina Boulevard color palette (#D7DEF3, #8974EF, #60496D, #292E44, #02040C)
- Cerulean Archive color palette (#DCEADF, #69C0C8, #0092AF, #006E5F, #001623)
- Tempered Workshop color palette (#E9F3FF, #8EBAF2, #737B8F, #4C5661, #1C2328)
- Pine Parlor color palette (#D5EFE5, #76A761, #00864B, #00635D, #041400)
Browse the whole catalog at Explore, or see today's palette.