Tempered Ridge color palette — #FDF1FA · #EFB3A7 · #A3BB89 · #C27464 · #24574D

Caramel and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Rose Quartz (#EFB3A7): A luminous, dusty orange — the color of autumn markets.
• Sage (#A3BB89): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#C27464): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#24574D): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Wandering Driftwood Studio color palette (#F8F2FF, #E9B0D5, #D0AB6E, #B1769D, #37563A)
• Hushed Amber color palette (#FFF0F7, #ECB795, #C7A1D2, #B87C54, #4D4867)
• Powder Terrace color palette (#F9F2FF, #E8B2CC, #88B5E8, #B17895, #384F68)
• Muted Basin color palette (#FFF2ED, #FFC4BF, #67D8F6, #E68C86, #345643)
• Gentle Bronze Field color palette (#E6FBEE, #C7B96D, #3ABAB9, #938000, #124A57)
• Rust Alley color palette (#FEF0FC, #C5A3C3, #4DA5C4, #B64A4E, #215466)
• Patina Taupe color palette (#FFF0F9, #FFC8B3, #C58C75, #8C5946, #542F20)
• Tempered Pewter Coast color palette (#EBF9F0, #B1D4C2, #81A590, #5D7E66, #394D45)

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