Tempered Canyon color palette — #FFF1F3 · #DFA0D8 · #A9A362 · #4F978E · #3C2E3A

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Carnation (#DFA0D8): A luminous, balanced pink — the color of neon signs at night.
• Sage (#A9A362): A luminous, balanced green — the color of new leaves after rain.
• Storm Blue (#4F978E): A luminous, dusty teal — the color of glacier melt.
• Espresso (#3C2E3A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Muted Blush color palette (#FFF2EE, #FF9DAB, #6DB287, #6694AB, #3C2C30)
• Weathered Powder Field color palette (#FFF0F9, #B3B7FF, #C99970, #769066, #283830)
• Patina Stone Bloom color palette (#F8F2FF, #DB99BB, #9C8857, #4D6E48, #232B37)
• Hushed Petal Loft color palette (#FFF4E2, #FFB7DC, #D89D96, #85926B, #55423F)
• Wandering Orchard color palette (#FFF1F1, #FF90C4, #5C9900, #009095, #311727)
• Washed Lantern color palette (#FCF2F2, #E3D9D1, #B5B3A4, #807E87, #595050)
• Blush Study color palette (#FEEEEA, #FA93A7, #A96948, #5D514F, #27201F)
• Ancient Sapphire color palette (#FFE6D6, #F67E1B, #009C9D, #3D5FE2, #33041A)

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