Tempered Canyon color palette — #F6F3FD · #A8B773 · #73376B · #3F223B · #231A22

Built around Mulberry, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F3FD): bright and airy, almost weightless.
• Sage (#A8B773): A luminous, balanced green — the color of a quiet forest floor.
• Mulberry (#73376B): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#3F223B): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#231A22): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered 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

• Hushed Garnet Quarry color palette (#FAF2F9, #B7B179, #882F2B, #3D243A, #24191B)
• Tempered Orchard color palette (#FBF1FF, #F9B282, #9B5B70, #4C3B53, #251F28)
• Hushed Ridge color palette (#FFF1F1, #EAD2A2, #BC7EA2, #7D5758, #2E1C1C)
• Tempered Lantern color palette (#EFDDF9, #969A00, #6E003C, #37001B, #180720)
• Tempered Bronze Station color palette (#F7F3FC, #D997BA, #976200, #8C416D, #1B281A)
• Ancient Driftwood Basin color palette (#ECD7E3, #A08C2C, #5A2200, #290C00, #16040F)
• Washed Pewter color palette (#F8F3F8, #E7D8D9, #BDD0BC, #9F5F65, #4D444D)
• Aged Bronze Quarry color palette (#E8FBEE, #CE7C89, #945B00, #1E5276, #4C3447)

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