Petrol Lagoon color palette — #DCE9F3 · #006AAC · #003F84 · #00195F · #170032
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DCE9F3): a clean, paper-quiet neutral.
- Peacock (#006AAC): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003F84): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#00195F): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#170032): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, 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
- Moonless Coast color palette (#D3EAF2, #006189, #003C6C, #100054, #07001C)
- Petrol Basin color palette (#CEE8F2, #007AA3, #004969, #002640, #0E0B2A)
- Nightshade Summit color palette (#CFECF3, #0083BD, #0056AE, #1B009D, #170041)
- Nocturne Nightshade color palette (#DCE0F3, #5C61CF, #260892, #0C003E, #020019)
- Patina Navy color palette (#DADFF1, #9F97D4, #885FB5, #00378F, #130B37)
- Muted Ultramarine color palette (#F8DFF7, #0056C8, #005A3C, #002865, #00140A)
- Linen Grape color palette (#E1DFF6, #753DC9, #56008C, #3B0054, #290033)
- Hushed Veranda color palette (#E5ECFF, #2424CD, #700061, #00383C, #020029)
Browse the whole catalog at Explore, or see today's palette.