Tempered Canyon color palette — #FFEEEA · #FFBFC1 · #FB918B · #BB796F · #57504B

Built around Melon, softened by Caramel — the whole palette hums with warmth and comfort.

The five colors

• Cream (#FFEEEA): a clean, paper-quiet neutral.
• Ballet Pink (#FFBFC1): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FB918B): A luminous, balanced orange — the color of toasted spice.
• Caramel (#BB796F): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#57504B): quiet, heavy and certain.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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 Oat color palette (#FFF2EC, #FFC5B6, #ADD58F, #DB9482, #4E4E46)
• Aged Stone color palette (#F8F2FF, #F9D3C9, #EB9D97, #986A56, #644552)
• Timeworn Study color palette (#FFEAEE, #F7C0F3, #E49AD6, #B57AA1, #674847)
• Timeworn Driftwood color palette (#FFEDEE, #D89BB1, #B36E66, #7D4931, #3C3731)
• Faded Loft color palette (#F8D8D2, #FFA386, #FE7B31, #C05C00, #623400)
• Wandering Fern color palette (#FBF5E6, #E4D9B8, #C1B781, #A28F6E, #544700)
• Mustard Balcony color palette (#FFE4C2, #EBC072, #D4A500, #978229, #494740)
• Amber Chapel color palette (#FBE4D0, #D68600, #A87200, #6E5100, #261C00)

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