Petrol Lagoon color palette — #DDF2DF · #7DAEC7 · #5F7097 · #64463D · #35200E

Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DDF2DF): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#7DAEC7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5F7097): A full-bodied, dusty violet — the color of wild irises.
• Cocoa (#64463D): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#35200E): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, 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

• Cocoa Corridor color palette (#DDEDFF, #A0A7D2, #887198, #6C4000, #312911)
• Antique Ash color palette (#C9F1EA, #75A9BE, #6D7C96, #724B58, #573934)
• Taupe Delta color palette (#DBE4C1, #99B390, #617F6C, #613A3F, #3C1F1A)
• Aged Cobalt Garden color palette (#F6F1E9, #A4CDEF, #567CB7, #00596C, #181D3D)
• Weathered Study color palette (#C8EAF9, #9AC2E1, #768BB2, #7A5A79, #4A395B)
• Ancient Pewter color palette (#EDEBFF, #A886B1, #864F66, #3C3A33, #002606)
• Wandering Fern color palette (#F9F1E1, #9CA76B, #4E6F3B, #444841, #221C01)
• Ancient Studio color palette (#C7F2FB, #128AC3, #485486, #451C17, #1F0E00)

Browse the whole catalog at Explore, or see today's palette.