Petrol Lagoon color palette — #D1F7F1 · #008478 · #0067B1 · #4E5900 · #001210
A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D1F7F1): A whisper-light, dusty teal — the color of sea glass.
- Teal (#008478): A full-bodied, balanced teal — the color of glacier melt.
- Cobalt (#0067B1): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#4E5900): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#001210): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Ultramarine Harbor color palette (#CCF4F5, #008285, #064BF1, #395E00, #001212)
- Frosted Pine color palette (#DBECDE, #00893E, #007185, #694D00, #001304)
- Feathered Archive color palette (#DDF6E9, #007697, #6342B7, #005B39, #000D14)
- Indigo Veranda color palette (#B2F1FF, #0093A8, #615EE4, #007627, #001C22)
- Aged Garden color palette (#9FFFF3, #00B4A5, #006E62, #00352F, #000807)
- Glacier Dune color palette (#C3FFF4, #04EBEE, #00BBDC, #00705A, #002323)
- Antique Lantern color palette (#CCE6FD, #005C93, #6F069B, #00463C, #00040A)
- Softworn Grape color palette (#D1E8E1, #00846F, #7723DD, #7E3F00, #002B23)
Browse the whole catalog at Explore, or see today's palette.