Petrol Lagoon color palette — #E7FBF1 · #FFC9C8 · #007697 · #003444 · #000B05
Built around Teal, softened by Shell Pink — the whole palette hums with trust and stability.
The five colors
- Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Shell Pink (#FFC9C8): A whisper-light, dusty red — the color of embers at dusk.
- Teal (#007697): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003444): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000B05): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Softworn Cobalt Orchard color palette (#FDF0FF, #FFC9C9, #006CBF, #0F304F, #100212)
- Wandering Terrace color palette (#F0F9E7, #FFCCB1, #007E5A, #003826, #050900)
- Jade Coast color palette (#EBF5E9, #96B469, #005952, #002724, #010B00)
- Blush Villa color palette (#E5FBF2, #FF97AA, #00577E, #001B2A, #000201)
- Celadon Field color palette (#E2FBFF, #C0DB86, #02A494, #006B60, #001F24)
- Softworn Amber Boulevard color palette (#E7F9FF, #DF8861, #005358, #002D30, #051425)
- Timeworn Workshop color palette (#FBF2F9, #E3F5CF, #7285B1, #543E51, #20191E)
- Weathered Lagoon color palette (#FFF0FC, #FFB148, #304ABA, #0A1254, #030003)
Browse the whole catalog at Explore, or see today's palette.