Tempered Ridge color palette — #EDF9EF · #5CC3CC · #C2717E · #597245 · #43433C

Built around Dusty Rose, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Cyan (#5CC3CC): A luminous, balanced blue — the color of deep harbor water.
• Dusty Rose (#C2717E): A luminous, balanced red — the color of embers at dusk.
• Olive (#597245): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal (#43433C): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Worn Amber color palette (#EBF9F4, #7CB8EA, #BA7D36, #477556, #41433C)
• Weathered Station color palette (#EFF6FE, #A4D0FF, #C08A84, #806732, #0F413A)
• Iris Terrace color palette (#F6F6ED, #9CBD82, #8B80CA, #7F6525, #44423B)
• Dusty Periwinkle Bloom color palette (#EEF6FF, #649ADF, #915E79, #694E20, #194B4E)
• Cocoa Studio color palette (#FCF3EE, #E3CEAB, #94A36D, #8E767F, #664700)
• Chalky Atelier color palette (#D8FFF4, #B1BEFB, #A28FE4, #8C6796, #6C4A48)
• Dusty Parlor color palette (#E3FDE9, #DFC8DD, #C19DA2, #88896E, #535100)
• Blush Alley color palette (#FBF2F9, #C9DFF7, #C2C0E6, #D692BD, #58454F)

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