Petrol Lagoon color palette — #E4EBE6 · #90A6A8 · #9789B2 · #00707F · #010D04
Built around Teal, softened by Heather — the whole palette hums with trust and stability.
The five colors
- Parchment (#E4EBE6): bright and airy, almost weightless.
- Blue Fog (#90A6A8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Heather (#9789B2): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#00707F): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#010D04): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Canyon color palette (#E6F2EE, #B19EA1, #AA817E, #0068A3, #000D08)
- Muted Delta color palette (#DDE6EA, #80909C, #5D6C80, #003039, #000103)
- Hushed Abyss Alley color palette (#D9E6ED, #95A8B5, #6F8AA2, #004D5F, #010B11)
- Washed Corridor color palette (#D0E8E9, #6088AC, #7159A3, #4E4E00, #140F00)
- Antique Indigo color palette (#EBDEE6, #C6A9A5, #B38F7F, #5E61D1, #1F0D19)
- Ultramarine Veranda color palette (#F6E4CC, #008A98, #2047CD, #4F3400, #000407)
- Antique Emerald Hollow color palette (#F4EFDF, #5B9B52, #007456, #00515F, #060600)
- Washed Mulberry color palette (#E4F5E4, #008384, #8E008B, #3D3700, #010200)
Browse the whole catalog at Explore, or see today's palette.