Petrol Lagoon color palette — #EFE8DC · #7FC1BE · #007985 · #004D38 · #001922
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EFE8DC): bright and airy, almost weightless.
- Mint Leaf (#7FC1BE): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001922): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Petrol Villa color palette (#EFE8DD, #8ABBD7, #346FA5, #004A53, #041239)
- Hushed Cerulean color palette (#F7F1E8, #AED2B4, #008AA5, #005D4F, #002434)
- Tempered Forest color palette (#F3ECF4, #8EB9C5, #00748F, #005414, #022F55)
- Softworn Denim color palette (#F6EEE1, #65A8B7, #006180, #003A37, #000C19)
- Abyss Studio color palette (#ECE1D0, #45838D, #004255, #00201C, #000103)
- Patina Cypress Harbor color palette (#F6F1EA, #C5E5D5, #6394B5, #0F6B70, #382439)
- Softworn Lilac Summit color palette (#FDE0FC, #CCC5F7, #B186C2, #005E86, #250C1F)
- Washed Hollow color palette (#FFF2EE, #AAF6F2, #00A2C5, #126F21, #001F3C)
Browse the whole catalog at Explore, or see today's palette.