Garnet Lagoon color palette — #E7DEE5 · #A3959C · #8A6471 · #570201 · #11040F

A conversation between Espresso and Pewter, giving this palette its sense of sophistication.

The five colors

• Silver (#E7DEE5): bright and airy, almost weightless.
• Heather (#A3959C): a calm mid-gray that lets other colors speak.
• Pewter (#8A6471): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#570201): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#11040F): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Onyx Archive color palette (#F5EDF0, #909E92, #5B7868, #422100, #14030A)
• Washed Garnet color palette (#F3EBE9, #B3A192, #96845F, #801223, #140502)
• Ancient Cocoa color palette (#E9EEE8, #B0BCB4, #7C958A, #5F3C00, #132413)
• Weathered Cocoa color palette (#F3ECEF, #C7CFC6, #8CA995, #853D00, #372930)
• Hushed Grove color palette (#FFE7F4, #CD4652, #953D00, #4F4100, #0A0300)
• Fern Terrace color palette (#D8E8DA, #685E18, #272F00, #32000D, #070600)
• Eclipse Onyx color palette (#F3D6E2, #41493D, #482200, #1B1D13, #070300)
• Basalt Boulevard color palette (#FFDDF0, #4A694C, #404313, #00232F, #000F27)

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