Tempered Canyon color palette — #F2D8E7 · #B49170 · #8E533A · #5B2F32 · #031E0C

Built around Coffee, softened by Cocoa — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F2D8E7): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#B49170): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#8E533A): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5B2F32): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#031E0C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cocoa Cabin color palette (#D2E7D5, #A09B63, #7D5F23, #602F03, #001E17)
• Bronze Meadow color palette (#FFECF2, #93B59B, #926C47, #694033, #0B291E)
• Wandering Chestnut color palette (#F4E2EC, #B98B6D, #8E5234, #6A3020, #472332)
• Aged Cabin color palette (#FFF2EA, #EEBB99, #B17B61, #794A3D, #301D07)
• Wandering Cocoa Drift color palette (#FFE4F0, #8E6A35, #6A3200, #450706, #070500)
• Pine Chapel color palette (#D7EFEC, #3C8845, #934865, #71291F, #001412)
• Tempered Driftwood color palette (#E9F5EE, #A3C4B8, #678D77, #4A5E49, #1B312E)
• Softworn Taupe Studio color palette (#D6EFF0, #C7936B, #00543D, #002317, #000707)

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