Tempered Ridge color palette — #FBF4ED · #BAEDDC · #8EB2F1 · #209DA8 · #36355E

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Mint (#BAEDDC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#8EB2F1): A luminous, balanced violet — the color of wild irises.
• Cerulean (#209DA8): A luminous, balanced blue — the color of deep harbor water.
• Navy (#36355E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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

• Ancient Lagoon color palette (#FFF2EC, #CFE8D1, #67BFDC, #479F7A, #1B3E57)
• Periwinkle Hollow color palette (#FFF2EA, #A2E5FF, #53B2FF, #009890, #172974)
• Petrol Corridor color palette (#EEF7F7, #B7D9F7, #6C99C9, #1E7697, #223A60)
• Azure Grove color palette (#D5EBEB, #3ECBEC, #28A8EB, #4377BF, #31355F)
• Turquoise Market color palette (#D9FFF2, #EDE1F2, #F5BFCD, #5FADB9, #51394D)
• Patina Balcony color palette (#FAF4EE, #C7DEEA, #ABC9F4, #68B0B3, #64495B)
• Frosted Hollow color palette (#D6F7EB, #75C9FF, #E9B04C, #0090D1, #483000)
• Washed Ridge color palette (#FAEDE6, #8DCECA, #00A4BB, #008249, #002334)

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