Tempered Ridge color palette — #EDF7FC · #D8DAE5 · #C2BED5 · #068599 · #112128

Built around Cerulean, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF7FC): bright and airy, almost weightless.
• Silver (#D8DAE5): bright and airy, almost weightless.
• Ash (#C2BED5): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#068599): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#112128): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Alley color palette (#EDF7FF, #D9D7EC, #B4B9D1, #17678E, #010E1A)
• Hushed Cerulean color palette (#E4F1F7, #D0D2E3, #BCB4CA, #00A4B9, #1F3138)
• Aged Cornflower Meadow color palette (#F0F5FF, #DDD8E2, #D6AFA8, #5875DB, #1C2534)
• Cobalt Archive color palette (#D1E9FF, #007CC3, #192340, #1E1619, #00040C)
• Worn Alley color palette (#E8F1EC, #C1D0CA, #AD99AD, #005F72, #203328)
• Powder Quarry color palette (#E4FAFF, #98BEEF, #967DAE, #476655, #2C2600)
• Mint Balcony color palette (#E8FAF3, #89CF89, #008B6C, #165A69, #001D1B)
• Soft Mulberry color palette (#EAF8FF, #00A2C3, #9F356E, #4B3300, #110C00)

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