Petrol Lagoon color palette — #E0EDE3 · #5EC3DE · #00749F · #004B4A · #00172D
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#E0EDE3): a clean, paper-quiet neutral.
- Cyan (#5EC3DE): A luminous, balanced blue — the color of deep harbor water.
- Slate (#00749F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Weathered Cobalt Balcony color palette (#ECF4EE, #9BD0E9, #3C82B6, #005A61, #0D203D)
- Muted Field color palette (#F6ECE6, #93BDA4, #1C6F9E, #005147, #132C59)
- Sunlit Denim color palette (#D8E4DA, #68A3CC, #0056A9, #003842, #03032D)
- Washed Drift color palette (#EDF4EE, #D3DDF1, #74A2C2, #407383, #293748)
- Pale Seafoam color palette (#CBF8FB, #35E7E4, #4DAFD1, #3C6A3D, #002025)
- Muted Hollow color palette (#D5E7D9, #089CA5, #005263, #002D24, #00050A)
- Pale Emerald color palette (#DEECCB, #229E19, #006439, #003929, #001C17)
- Misty Mulberry color palette (#CAF1F1, #26A675, #A1136F, #005438, #270018)
Browse the whole catalog at Explore, or see today's palette.