Tempered Ridge color palette — #FFF1F7 · #E2C0CC · #C18F6B · #8A697B · #3E4C3E

A conversation between Camel and Pewter, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Oat (#E2C0CC): A whisper-light, dusty rose — the color of strawberry cream.
• Camel (#C18F6B): A luminous, dusty gold — the color of old brass.
• Pewter (#8A697B): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3E4C3E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, 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

• Antique Amber color palette (#FFF1F7, #DCB595, #BC7F58, #8B5C48, #4A373D)
• Stone Harbor color palette (#FFF0F7, #CFB38D, #987486, #6A5667, #3A4D42)
• Worn Taupe color palette (#EDF8F2, #B0D4C5, #A19E6B, #5E7D6A, #394D46)
• Bronze Workshop color palette (#D7E5DB, #AF9F4B, #8A6E00, #654700, #052C1D)
• Terracotta Balcony color palette (#FFE7F5, #BF784E, #A13B00, #6A2114, #280919)
• Muted Turquoise color palette (#E6F9FF, #52BEC0, #8F96D2, #8B6D98, #304045)
• Washed Bronze color palette (#FFE8F0, #A67125, #784400, #4E2300, #001002)
• Muted Peony Terrace color palette (#EFF6FF, #7CA1E0, #B469A1, #8E5154, #3E2E34)

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