Garnet Canyon color palette — #E2DED1 · #464A00 · #570032 · #370600 · #0D0700

Mulberry and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E2DED1): bright and airy, almost weightless.
• Deep Olive (#464A00): A deep, shadowed, balanced green — the color of fresh herbs.
• Mulberry (#570032): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#370600): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#0D0700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Nocturne Bloom color palette (#F0E3D0, #5D4100, #4E005E, #350017, #140400)
• Smoked Spruce Summit color palette (#E1E3CC, #104200, #43000E, #1E0B00, #020200)
• Lowlit Boulevard color palette (#D8E7D2, #005D53, #3F006D, #340E00, #000201)
• Pale Corridor color palette (#D9E9ED, #007471, #5400B1, #562300, #000904)
• Worn Cocoa Basin color palette (#DFEEDF, #00605F, #593800, #242900, #00180C)
• Patina Garnet color palette (#F4F9D6, #126B0F, #8A001C, #442400, #1D1B00)
• Lowlit Abyss color palette (#D5E3DB, #004D60, #272830, #00111C, #000406)
• Misty Aubergine Boulevard color palette (#E4EDCA, #007285, #004260, #360054, #001A22)

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