Petrol Lagoon color palette — #E5F2EF · #78BEC9 · #00748A · #00504F · #003343
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E5F2EF): bright and airy, almost weightless.
- Cyan (#78BEC9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00748A): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003343): 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
- Cerulean Boulevard color palette (#E9F9F7, #93D0E3, #0084AB, #005E67, #103F58)
- Muted Turquoise Archive color palette (#D3EBE9, #46ABD7, #005E89, #003C48, #00213B)
- Washed Atelier color palette (#D1E9E3, #00A4A0, #005458, #003129, #00181B)
- Aged Corridor color palette (#EDF8F6, #D2DDEF, #76A0B7, #467786, #3D5667)
- Lapis Meadow color palette (#D4EAF2, #007792, #5B4AAF, #005D32, #002333)
- Softworn Drift color palette (#C8E3F0, #008EA4, #8E3EB7, #005260, #371948)
- Dusty Villa color palette (#F4EBF3, #ABDCF0, #55AEE3, #009664, #16295D)
- Ancient Bronze Boulevard color palette (#E0EFDF, #A78039, #764B00, #532C00, #0C2B17)
Browse the whole catalog at Explore, or see today's palette.