Petrol Lagoon color palette — #DDF4FD · #007984 · #08325E · #181C22 · #00090B
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#DDF4FD): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#08325E): A deep, shadowed, balanced blue — the color of deep harbor water.
- Onyx (#181C22): quiet, heavy and certain.
- Ink (#00090B): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cellar Parlor color palette (#BFECEB, #007F4E, #003A3F, #11191E, #000A04)
- Smoked Denim Drift color palette (#D9E7DC, #005E69, #262A32, #001B29, #000304)
- Tempered Iris Study color palette (#DBE4F6, #7E93F0, #625D7A, #313C53, #050E16)
- Washed Workshop color palette (#DDF3FF, #00A2C1, #425788, #003C49, #00090C)
- Sapphire Thicket color palette (#E2EFFF, #0068C9, #392751, #15131B, #000717)
- Powder Balcony color palette (#E8F4FC, #7CC1E0, #737B8E, #475762, #1C2325)
- Antique Olive color palette (#F5DFE8, #A59859, #4C8100, #006361, #140F00)
- Washed Thicket color palette (#D7EDFF, #0097DB, #B06F00, #00699B, #1A0C00)
Browse the whole catalog at Explore, or see today's palette.