Garnet Canyon color palette — #E2E1D1 · #4B8964 · #005047 · #580F10 · #002210

Espresso and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E2E1D1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#4B8964): A full-bodied, balanced teal — the color of sea glass.
• Forest (#005047): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#580F10): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#002210): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Abyss Market color palette (#F5EBD3, #6A844C, #00532C, #362F00, #121F00)
• Dusty Fern color palette (#F2E4D2, #7E7D45, #295000, #4B163F, #1D1C00)
• Aubergine Lantern color palette (#E7EDDB, #006C40, #6C0DA3, #6E0051, #00170A)
• Emerald Orchard color palette (#EEEFDA, #5AA664, #007344, #514500, #002206)
• Dusty Forest Chapel color palette (#F5F6EB, #91A27F, #007171, #305626, #333730)
• Washed Cerulean color palette (#DBE3BE, #75D0BA, #3796BB, #524D00, #002E1F)
• Airy Aubergine color palette (#E7EECF, #29924A, #60209E, #00461B, #260046)
• Tempered Denim color palette (#EBDED8, #71AAAC, #006177, #004029, #002237)

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