Petrol Lagoon color palette — #F7ECE2 · #8ABEB0 · #4D63AA · #004E59 · #2E2552
Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#F7ECE2): a clean, paper-quiet neutral.
- Mint Leaf (#8ABEB0): A luminous, dusty teal — the color of sea glass.
- Slate (#4D63AA): A full-bodied, balanced violet — the color of wild irises.
- Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#2E2552): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Washed Bloom color palette (#FAEBE4, #9CBAA1, #007393, #00523C, #003054)
- Sapphire Atelier color palette (#FFF3E8, #83BFEB, #3065D7, #00555C, #301C78)
- Tempered Market color palette (#DEECEC, #98B7D5, #236ABE, #004763, #041336)
- Worn Cobalt color palette (#EDF0E7, #9EC9F1, #4988D6, #00668C, #172C56)
- Ancient Basin color palette (#FFF2EC, #B4D8C1, #0089C3, #00685A, #213F6D)
- Timeworn Courtyard color palette (#EEDFD4, #6597AF, #004A88, #00302F, #0A0542)
- Weathered Courtyard color palette (#FAEAEF, #ADD9FF, #84A2EC, #008E9F, #2D274D)
- Lagoon Delta color palette (#E9DFDA, #478D93, #004356, #002318, #000A17)
Browse the whole catalog at Explore, or see today's palette.