Garnet Lagoon color palette — #E1F2EF · #53A7BA · #3A6B9E · #6F203D · #3C0D00

A conversation between Mulberry and Slate, giving this palette its sense of trust and stability.

The five colors

• Cream (#E1F2EF): bright and airy, almost weightless.
• Cyan (#53A7BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#3A6B9E): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6F203D): A deep, shadowed, balanced red — the color of embers at dusk.
• Espresso (#3C0D00): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Garnet 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

• Teal Basin color palette (#D7E9DD, #21B5A0, #267B8E, #60275C, #490419)
• Feathered Azure color palette (#D4ECF3, #5297D9, #656A9D, #702A0B, #2D1B00)
• Antique Cocoa color palette (#DAF6FF, #89B4DD, #6D70A6, #7C4532, #3E2600)
• Antique Corridor color palette (#ECF1E1, #53ABA2, #3374A9, #6F4600, #533300)
• Timeworn Pier color palette (#DDF7FF, #B0C4D1, #929DAC, #756575, #4B3540)
• Powdered Basin color palette (#CAECE8, #69B9CD, #448BC8, #9B3E57, #6D2A0F)
• Muted Cobalt Lantern color palette (#DBE9F9, #7078B6, #5C3F66, #492B00, #171500)
• Faded Corridor color palette (#DEF3FF, #0092C6, #B35100, #005373, #280D00)

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