Petrol Lagoon color palette — #E8F1EA · #C8DED0 · #A0C0B0 · #1D8089 · #243227
A conversation between Teal and Ash, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Silver (#C8DED0): A whisper-light, dusty teal — the color of sea glass.
- Ash (#A0C0B0): A luminous, dusty teal — the color of sea glass.
- Teal (#1D8089): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#243227): A deep, shadowed, dusty teal — the color of sea glass.
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
- Softworn Petrol Chapel color palette (#DAE5DF, #ADCDC0, #8FACA4, #006B88, #13231C)
- Cobalt Courtyard color palette (#F2ECF3, #E0D3DE, #C8AFC1, #3975B2, #332B34)
- Teal Hollow color palette (#E7F0F3, #CDD3DE, #B2B8CF, #00A6AC, #1C3138)
- Obsidian Petrol color palette (#C6EAD9, #007DA3, #043C30, #051B12, #010603)
- Pine Atelier color palette (#E7E6D2, #86B471, #3F8347, #53574F, #2B2B08)
- Weathered Aubergine Balcony color palette (#C3EAC9, #00A3C0, #0071A3, #5C2E7B, #002935)
- Tempered Coast color palette (#CFE8DC, #0094BD, #514FC6, #671E63, #002621)
- Muted Atelier color palette (#D6E4E0, #BFAEBE, #A98AA3, #00568F, #011913)
Browse the whole catalog at Explore, or see today's palette.