Petrol Lagoon color palette — #E8E1D5 · #94BDA2 · #0080A7 · #005A54 · #002138
Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Parchment (#E8E1D5): a clean, paper-quiet neutral.
- Sage (#94BDA2): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#0080A7): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002138): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Wandering Cobalt color palette (#EEE7DC, #7DBBD9, #0079C3, #005860, #001951)
- Muted Cerulean color palette (#ECF9EE, #8EDAEA, #0086AE, #00524D, #000E1B)
- Weathered Denim Archive color palette (#F8EDE8, #6CAAB7, #005D8D, #00402C, #0F184B)
- Worn Azure Boulevard color palette (#EFE6EC, #71D0E2, #009CE3, #00815A, #0F1B45)
- Antique Delta color palette (#EBE3D5, #4FA0AC, #00627B, #003C36, #000B14)
- Worn Delta color palette (#F9F4EE, #ADE1D0, #6A97D4, #17788C, #2D3860)
- Hushed Grove color palette (#F9F4ED, #CAE8E0, #97BBA3, #589481, #365145)
- Mulberry Study color palette (#F9EFD3, #807700, #007492, #9A0272, #141200)
Browse the whole catalog at Explore, or see today's palette.