Garnet Canyon color palette — #CFE5E1 · #00665D · #94030C · #562B00 · #000202
Built around Garnet, softened by Pine — the whole palette hums with optimism and balance.
The five colors
- Silver (#CFE5E1): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#00665D): A full-bodied, balanced teal — the color of sea glass.
- Garnet (#94030C): A full-bodied, vivid orange — the color of toasted spice.
- Espresso (#562B00): A deep, shadowed, balanced gold — the color of honey in a jar.
- Black (#000202): a grounded near-black with real depth.
Feels like: Optimism, Balance. Tagged 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
- Gentle Garnet color palette (#D9F4D9, #006162, #850032, #630010, #000202)
- Cocoa Lagoon color palette (#C5E9F5, #006277, #763B00, #463400, #000203)
- Faded Pier color palette (#DAE7DB, #237F36, #8A1F0D, #710037, #000300)
- Cocoa Canyon color palette (#F0E0E9, #996000, #762800, #47051B, #040300)
- Petrol Hollow color palette (#DBECFD, #006AAE, #6B5A00, #374C14, #000814)
- Dusty Parlor color palette (#F2E7CF, #E2004B, #008076, #031014, #000203)
- Inked Navy color palette (#D3F5F6, #00494C, #041696, #152B00, #000202)
- Soft Ultramarine Studio color palette (#C8EDF7, #007F7D, #005FD1, #486300, #000202)
Browse the whole catalog at Explore, or see today's palette.