Tempered Ridge color palette — #FFF1F6 · #F1FCC9 · #C4E5ED · #DFADA1 · #425041

A conversation between Custard and Rosewood Mist, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Custard (#F1FCC9): A whisper-light, dusty green — the color of new leaves after rain.
• Silver (#C4E5ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Rosewood Mist (#DFADA1): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal Brown (#425041): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, 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

• Taupe Studio color palette (#E0FDF4, #B3DFEA, #B2ADB6, #B4AF7C, #314946)
• Aged Stone Quarry color palette (#FFF0F7, #ECD3D0, #CFA38A, #8D6F85, #374339)
• Driftwood Parlor color palette (#F0F7F2, #C9DCCA, #938651, #2F4E3C, #141E18)
• Washed Chestnut Basin color palette (#FFF3E7, #DCDDCA, #C0C9A7, #A78A74, #724900)
• Aged Pier color palette (#ECF9F2, #CDC682, #88B0ED, #9074AA, #27362E)
• Airy Amber color palette (#DFFFE5, #FDFAAC, #ACF1DB, #D5853C, #483E0F)
• Dusty Moss Terrace color palette (#E2F4E1, #C3B774, #7A9B38, #7D3000, #020100)
• Dusty Courtyard color palette (#EDF8F3, #B5BD72, #5A8ED2, #895E82, #2B1C23)

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