Tempered Ridge color palette — #F9F3F8 · #93B0DD · #994F91 · #0A58C3 · #341C1F

Cobalt and Magenta Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Mauve (#93B0DD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Magenta Rose (#994F91): A full-bodied, balanced pink — the color of peonies in June.
• Cobalt (#0A58C3): A full-bodied, vivid blue — the color of deep harbor water.
• Onyx (#341C1F): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Balance. Tagged duotone.

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

• Hushed Orchard color palette (#EDF8F4, #81B5DC, #7761A1, #006699, #321D26)
• Dusty Indigo Studio color palette (#FAF3F6, #DAB4C6, #B0636C, #6F5EAD, #3B2924)
• Frosted Rust Study color palette (#EBF4F0, #65BFED, #BA4A56, #006D96, #180A06)
• Aged Mulberry Meadow color palette (#EFF2FF, #AFA3D8, #875FA8, #7A2474, #691344)
• Tempered Pewter Corridor color palette (#FFF4E2, #938FCC, #885488, #5B4D00, #51323F)
• Hazy Bloom color palette (#EDF7FD, #7ED0F7, #D8666F, #0D8CB8, #2C1F2C)
• Aged Petrol Parlor color palette (#F9F3F7, #E2D7D7, #CDBBB6, #6B6FA4, #50434B)
• Airy Nightshade Atelier color palette (#FFEBF7, #8081E4, #9B004F, #4000BF, #270210)

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