Tempered Ridge color palette — #FAF4F0 · #DCDAD2 · #9DB4B6 · #D2A28B · #514C49

Built around Camel, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Bone (#DCDAD2): a clean, paper-quiet neutral.
• Ash (#9DB4B6): A luminous, dusty blue — the color of open sky before noon.
• Camel (#D2A28B): A luminous, dusty orange — the color of autumn markets.
• Charcoal Brown (#514C49): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Sand Delta color palette (#FEF3E8, #E3DBD2, #D4D690, #B1B7AA, #5B3E00)
• Worn Market color palette (#F9F5EA, #C0E2CF, #9CB892, #B57354, #514600)
• Wandering Stone Boulevard color palette (#FFF3E8, #DDE0CA, #B5CCA8, #7D998F, #5F4A57)
• Patina Canyon color palette (#EFE7E0, #C3B9AC, #A1906A, #5C2E00, #030100)
• Dusty Driftwood color palette (#F7EFF4, #CCD6D7, #9C9DA6, #97788A, #3A3437)
• Tempered Taupe color palette (#FFF4E2, #FFD2B6, #B5A15D, #357C95, #433E39)
• Timeworn Fern Parlor color palette (#F9F5E9, #D4DCCF, #BABF94, #6B6100, #100C03)
• Marigold Courtyard color palette (#FDF4E8, #D7A45A, #6A5100, #33291D, #130E0B)

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