Petrol Lagoon color palette — #D0EDEE · #0096B0 · #006D9F · #003D75 · #181950
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D0EDEE): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0096B0): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006D9F): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003D75): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#181950): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Airy Orchard color palette (#CCE4E9, #00A1C4, #00658C, #003057, #000A25)
- Patina Petrol color palette (#DFF0F5, #007FA4, #004D6E, #003353, #001D36)
- Muted Nightshade color palette (#D4F0F8, #0098CA, #005DBE, #1E23A7, #22104C)
- Dusty Wisteria Orchard color palette (#D9ECFF, #ACBEFF, #D082D0, #007C88, #112747)
- Patina Veranda color palette (#D4E3D4, #00A37C, #00786F, #004B54, #002431)
- Faded Orchard color palette (#CFE2F2, #0091CB, #9C6900, #00597F, #271700)
- Antique Field color palette (#E0EEFF, #559CFF, #0059D7, #003076, #00091D)
- Azure Lagoon color palette (#C5EFFF, #53C4EE, #2B96ED, #4B65A8, #444469)
Browse the whole catalog at Explore, or see today's palette.