Petrol Lagoon color palette — #EEEFE4 · #9DC1A3 · #007484 · #003E3B · #000305
Teal takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#EEEFE4): a clean, paper-quiet neutral.
- Sage (#9DC1A3): A luminous, dusty green — the color of new leaves after rain.
- Teal (#007484): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Patina Dune color palette (#F4F7E8, #AED7BF, #0087AC, #005057, #000F18)
- Dusty Sapphire color palette (#ECF0E6, #96BBDB, #0067BD, #003B50, #00020E)
- Emerald Hollow color palette (#DBE3C7, #009750, #006AB3, #004924, #000104)
- Tempered Villa color palette (#EBDFE8, #009DA5, #005267, #002D1E, #00050C)
- Weathered Workshop color palette (#F4E4DC, #61C1C8, #0091B5, #007051, #001528)
- Worn Pine color palette (#D9F2D8, #0A7D1B, #006471, #5A3C00, #000200)
- Forest Coast color palette (#E5F4C9, #8DD6BC, #00B4AA, #026014, #000804)
- Misty Jade Balcony color palette (#A7F8D0, #26B47B, #005E3C, #002012, #000201)
Browse the whole catalog at Explore, or see today's palette.