Petrol Lagoon color palette — #E7F0F5 · #D1D8E1 · #AEB6D2 · #008091 · #19313C
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F0F5): bright and airy, almost weightless.
- Silver (#D1D8E1): bright and airy, almost weightless.
- Ash (#AEB6D2): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#008091): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#19313C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cerulean Corridor color palette (#E8F0F5, #CED2E1, #B6B6CE, #3CA0BA, #203039)
- Hushed Cobalt color palette (#EAEFF5, #D4D6E5, #BBB3C8, #3A6FC7, #252E3B)
- Muted Denim color palette (#EAF0EC, #BED1CA, #AD99AD, #005F72, #24312A)
- Weathered Drift color palette (#D6EBDE, #8EB17C, #1F8468, #005E7E, #19300A)
- Washed Fern Studio color palette (#CCE6E1, #7DB1D1, #8B7CAA, #61632A, #36370D)
- Worn Denim Atelier color palette (#E0E5EB, #B1B3C1, #9990AD, #004FA6, #041428)
- Washed Studio color palette (#E3F0FB, #0078B9, #332C52, #00172C, #000509)
- Sapphire Atelier color palette (#C7E8CF, #00A99D, #3764BD, #5A4400, #002932)
Browse the whole catalog at Explore, or see today's palette.