Garnet Canyon color palette — #F2E1E8 · #99835A · #7E4400 · #5D1000 · #001309

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

The five colors

• Rose Water (#F2E1E8): A whisper-light, dusty rose — the color of a warm blush.
• Mocha (#99835A): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#7E4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#5D1000): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#001309): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Softworn Chestnut Station color palette (#FBDEE9, #AB7D46, #7D4600, #582700, #112B14)
• Fern Workshop color palette (#D3E5DA, #818C61, #625500, #452A00, #001210)
• Bronze Courtyard color palette (#FFF3E7, #D5A977, #A6641F, #6F3300, #1B1000)
• Muted Cocoa Workshop color palette (#E7F6EC, #8DB6A6, #867437, #6C4104, #002A24)
• Midnight Harbor color palette (#E0F3E8, #546A2F, #3C3700, #231500, #000200)
• Pewter Coast color palette (#FAEEF3, #AFC1B0, #9C7687, #6C4C66, #1B3226)
• Chalky Aubergine Hollow color palette (#D3E8F5, #006F8C, #693994, #6B010A, #00090F)
• Amber Corridor color palette (#D5ECF0, #BC7C56, #00433B, #001713, #000203)

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