Tempered Ridge color palette — #F0F6FB · #DAD7E4 · #C5BACC · #5585AE · #323C45

Cerulean and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DAD7E4): bright and airy, almost weightless.
• Stone (#C5BACC): A luminous, dusty violet — the color of twilight just after sunset.
• Cerulean (#5585AE): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#323C45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Cerulean Drift color palette (#EEF8F5, #E3D3CF, #A5A69A, #578EC4, #24322E)
• Tempered Courtyard color palette (#F9F3F9, #E8D3D8, #BDAEB9, #44668D, #403741)
• Worn Orchid color palette (#F5F3FF, #E9D4E0, #DBB5C0, #AE65B9, #403D4D)
• Weathered Ash Lagoon color palette (#CEECFF, #A4B7D9, #AD7DAD, #576C3E, #1F4E50)
• Indigo Veranda color palette (#D7DFF1, #6673E2, #3E3B5D, #1A2131, #080E14)
• Tempered Bloom color palette (#E3E8ED, #BFC4D1, #A3A1BE, #225FAD, #17202A)
• Olive Drift color palette (#EEF9EE, #BEB775, #6D8C46, #556383, #1D3D2E)
• Tempered Aubergine color palette (#E3E3EF, #A7A2B0, #937E96, #602081, #080715)

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