Petrol Lagoon color palette — #E0EDE2 · #8BBBD4 · #236FAC · #004A52 · #021238
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#E0EDE2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#8BBBD4): A luminous, dusty blue — the color of open sky before noon.
- Slate (#236FAC): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#021238): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Antique Courtyard color palette (#E2ECE4, #84C0BC, #007984, #004E36, #001921)
- Dusty Cobalt color palette (#EDF4EE, #B0CBE3, #517CBC, #00596B, #171D3D)
- Dusty Ash Terrace color palette (#EDF4EE, #D6DBEF, #829FC1, #457285, #2B364A)
- Denim Drift color palette (#DBEBDE, #4E95A7, #00506D, #002C2A, #00050D)
- Bronze Field color palette (#F6DAE6, #BF6300, #0072AA, #6C3600, #001423)
- Softworn Navy Boulevard color palette (#E4F5E7, #547CA4, #0A2E90, #001E28, #01000B)
- Antique Aubergine Terrace color palette (#FCECDE, #9A5900, #006E63, #5E2E8F, #140700)
- Softworn Chestnut color palette (#FFE0EC, #DEC790, #99AA6F, #944C33, #092410)
Browse the whole catalog at Explore, or see today's palette.