Tempered Ridge color palette — #FFF2EF · #F5D3C7 · #89D8F7 · #D17E8C · #26503D

Built around Dusty Rose, softened by Ice Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#F5D3C7): A whisper-light, dusty orange — the color of autumn markets.
• Ice Blue (#89D8F7): A whisper-light, balanced blue — the color of deep harbor water.
• Dusty Rose (#D17E8C): A luminous, balanced red — the color of embers at dusk.
• Deep Olive (#26503D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Worn Taupe Meadow color palette (#FFF2EE, #F4D3C7, #9FDDB4, #C8848D, #454740)
• Wandering Dune color palette (#FFF3E6, #E5DFB3, #92D7F3, #BE9058, #2A4F3E)
• Softworn Cocoa color palette (#FFF2EE, #E0DECD, #9DC5C7, #D5A5A6, #794117)
• Wandering Cocoa Drift color palette (#FFE9E2, #D4CED9, #A29699, #743A14, #281E18)
• Bronze Dune color palette (#FBF4E7, #D3E4C5, #C1AB84, #A26D3A, #3C4400)
• Turquoise Dune color palette (#FCF1FC, #E09A9D, #39A8C2, #A15B5F, #335261)
• Stone Courtyard color palette (#FFF2EB, #E0D8CE, #E09E8D, #915B45, #3F200E)
• Dusty Market color palette (#FFF2ED, #FBB7B6, #7BC6E7, #75ABC2, #4A3229)

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