Petrol Lagoon color palette — #EFF0DE · #9DC1A2 · #007483 · #003E3A · #000305
Teal and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EFF0DE): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#9DC1A2): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007483): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
- 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
- Worn Lagoon color palette (#EDF0E5, #85BFE0, #006DA8, #003C4A, #000309)
- Tempered Cerulean Meadow color palette (#F4F7EA, #96D7EA, #0086AC, #005057, #000F18)
- Cerulean Chapel color palette (#F7E8E1, #5BC2CA, #0091B5, #007051, #001528)
- Softworn Veranda color palette (#D3E7E3, #00A2AC, #00535F, #00302D, #00171E)
- Turquoise Drift color palette (#F5F6EC, #B8E4F0, #42B7D1, #007F7E, #003443)
- Misty Orchid Courtyard color palette (#FFE9ED, #AC54B9, #007290, #61006D, #000102)
- Sunlit Byzantium Grove color palette (#EEE0EE, #9C2FA0, #A31B00, #003998, #030003)
- Antique Cocoa color palette (#FFE6D6, #B97243, #803100, #420A00, #030100)
Browse the whole catalog at Explore, or see today's palette.