Tempered Ridge color palette — #FFF1F5 · #FFB9AE · #BA8144 · #007362 · #00343E

Caramel takes the lead with Teal close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Rose Quartz (#FFB9AE): A whisper-light, balanced orange — the color of toasted spice.
• Caramel (#BA8144): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007362): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#00343E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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 Chapel color palette (#FFF2EF, #F9BA82, #A89641, #016C7D, #003256)
• Ancient Coral color palette (#FFF0FD, #EFAAC3, #C97D6F, #397444, #004239)
• Bronze Basin color palette (#F9DEE6, #D88C7C, #985500, #005C4D, #00424C)
• Softworn Petrol Veranda color palette (#FFF2EF, #EADDB6, #B3A879, #1E7B8C, #21476B)
• Pale Ridge color palette (#E9E4D6, #869653, #206B38, #162C69, #0D001B)
• Feathered Taupe Boulevard color palette (#EFDECF, #B9A961, #5A7645, #0E4771, #0E0A3E)
• Dusty Quarry color palette (#FCE7E5, #AC6F46, #694F09, #002426, #000103)
• Hushed Abyss color palette (#FFF2EF, #E1DACC, #C2C1AC, #7C907B, #355244)

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