Tempered Ridge color palette — #FBF2F7 · #D4E0F7 · #9AC1ED · #4BAC95 · #41436A

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#D4E0F7): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#9AC1ED): A luminous, dusty blue — the color of open sky before noon.
• Turquoise (#4BAC95): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#41436A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

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

• Lagoon Chapel color palette (#F9F4EC, #C1E6E4, #70ACD5, #008C90, #304968)
• Periwinkle Corridor color palette (#F5ECF0, #B6D8F1, #6DA4FD, #009285, #2D2554)
• Quiet Coast color palette (#E5FBF2, #C9D29A, #AFB7FF, #9BA91C, #3B3E66)
• Softworn Stone Archive color palette (#EBF9F0, #C3DDF5, #D8A57D, #ACA4BC, #35534B)
• Bronze Cabin color palette (#EBF9F2, #ADDCD2, #B2AF7D, #AD7D42, #1E4445)
• Frosted Cobalt color palette (#F5E8F3, #6CACB8, #007CB6, #006042, #02002F)
• Cornflower Boulevard color palette (#ECE0E6, #84B7D7, #4B7BEE, #006D68, #19003D)
• Pine Atelier color palette (#EDE6EE, #8BCECC, #00A2C7, #008429, #00203F)

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