Tempered Ridge color palette — #ECF9EE · #9DC2B2 · #987C45 · #745164 · #364D49

Built around Mocha, softened by Graphite — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Ash (#9DC2B2): A luminous, dusty teal — the color of glacier melt.
• Mocha (#987C45): A luminous, balanced gold — the color of afternoon light on wheat.
• Graphite (#745164): A full-bodied, dusty rose — the color of pressed rose petals.
• Charcoal (#364D49): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Bronze Grove color palette (#EAFAEB, #ABAA7B, #926A22, #714532, #29433E)
• Taupe Boulevard color palette (#EAFAED, #AED6BF, #83A58A, #886B75, #384D45)
• Washed Fern Canyon color palette (#FDF4E5, #E3D9BA, #C6B395, #AA8B71, #4F4900)
• Cerulean Station color palette (#EDF7FE, #539ABC, #9D7740, #206C6B, #323F48)
• Rust Balcony color palette (#F1F6FB, #A2C2F1, #B76154, #436DAB, #352933)
• Softworn Driftwood color palette (#EFF6FF, #C1B5E3, #A3679B, #884157, #6C311B)
• Tempered Moss Harbor color palette (#BFEAD2, #719E38, #675C00, #573200, #00321C)
• Hushed Workshop color palette (#E8DAE2, #A5804C, #8C3900, #660F26, #292500)

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