Tempered Ridge color palette — #FFF1F2 · #E7D5CF · #EA9F96 · #A26E4D · #504B45

A conversation between Melon and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E7D5CF): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#EA9F96): A luminous, balanced orange — the color of toasted spice.
• Mocha (#A26E4D): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal Brown (#504B45): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Tempered Ridge 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 Apricot color palette (#FFF2EF, #E3D7CC, #DBA571, #968049, #655100)
• Weathered Rust color palette (#F6F2FF, #DF9CB0, #C06558, #8B5538, #3C563F)
• Aged Amber Meadow color palette (#FBF1FF, #FFC7CA, #F6A496, #D08366, #684356)
• Sunlit Study color palette (#FFD3DB, #F78158, #BB6700, #574300, #1F1E00)
• Wandering Coral color palette (#FEF2ED, #EFD6C1, #95D7EC, #D08273, #2E4E3D)
• Dusty Bronze color palette (#FFF2E9, #E1D9CF, #DEA886, #935D46, #401E06)
• Chalky Amber color palette (#FFF1EF, #FFB388, #B97A00, #665900, #272D00)
• Washed Villa color palette (#EDDACD, #A57900, #635900, #182D00, #000401)

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