Tempered Ridge color palette — #FAF2FA · #E9D4D8 · #CBB4C4 · #396CA8 · #473B47

Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Silver (#E9D4D8): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#CBB4C4): A luminous, dusty pink — the color of neon signs at night.
• Slate (#396CA8): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#473B47): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Veranda color palette (#EFF8F3, #CCDDDE, #A2C5BA, #007692, #33443B)
• Dusty Cobalt color palette (#F0F6FC, #DAD7E5, #CBB9D5, #148CDD, #334150)
• Worn Cobalt Corridor color palette (#EAF5F1, #E9D6D8, #D2B7C0, #006FB7, #122A24)
• Washed Balcony color palette (#F5EBF4, #D4C8D0, #B198A6, #315098, #382836)
• Aged Driftwood Coast color palette (#FCF2F3, #DFD8D4, #ABAEA1, #987494, #595051)
• Chestnut Summit color palette (#ECEAFF, #B7A0D1, #8C6A89, #884B3F, #5D4414)
• Tempered Aubergine Loft color palette (#FFF1F4, #E6CBCE, #C7999A, #803391, #482830)
• Misty Violet Basin color palette (#FFF0FB, #9FC9FF, #94A4FF, #895FDA, #322C6A)

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