Tempered Ridge color palette — #E0E3EA · #BEC4D5 · #9CA2C4 · #4655B5 · #171F2F

Cobalt takes the lead with Blue Fog close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#E0E3EA): bright and airy, almost weightless.
• Oat (#BEC4D5): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#9CA2C4): A luminous, dusty violet — the color of wild irises.
• Cobalt (#4655B5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Midnight (#171F2F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, 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 Courtyard color palette (#E5F0F7, #B8C6D1, #8DA8C3, #006B87, #12212A)
• Tempered Thicket color palette (#E3E3E9, #C6C1D3, #AA9FB7, #843E94, #201C2E)
• Washed Navy color palette (#E2E9F3, #B4B8C8, #A082A4, #234081, #16202E)
• Worn Grape Chapel color palette (#EEEFF6, #B2B3C3, #9492AB, #5F24B8, #101222)
• Patina Canyon color palette (#EDE4EB, #D0BAB9, #BE9E95, #607EC0, #251C24)
• Ancient Denim Ridge color palette (#FFF0FA, #EED2D3, #D4AFBF, #4F5B94, #150712)
• Violet Bloom color palette (#F4F4FD, #DDDCEB, #C0B7DC, #9253CB, #303048)
• Softworn Aubergine color palette (#E6E4EC, #A8A1B2, #8D8098, #6E1570, #0B0518)

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