Tempered Ridge color palette — #F0F7F2 · #BBE9F7 · #70C0D1 · #3D9F86 · #0E4053

Fern and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Frost (#BBE9F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#70C0D1): A luminous, balanced blue — the color of deep harbor water.
• Fern (#3D9F86): A luminous, balanced teal — the color of glacier melt.
• Deep Teal (#0E4053): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Muted Alley color palette (#EDF9EF, #C5E4FF, #81B5F7, #009CB6, #2E385B)
• Tempered Alley color palette (#FEF2EE, #BFE7EE, #4AB4DB, #2C8245, #0B2E56)
• Glacier Drift color palette (#F1F7F2, #D1E2F1, #91D4DE, #78B09A, #3F5664)
• Dusty Petrol color palette (#DAE8DD, #6CADB3, #00819C, #005F51, #000B13)
• Taupe Ridge color palette (#D7FFFC, #BBE0F5, #A7BCEF, #A0B671, #154445)
• Muted Azure Meadow color palette (#DBE7DD, #83CEDA, #00A1CA, #007E73, #002236)
• Muted Cerulean color palette (#F6F1EA, #AFD2B1, #008BA0, #005D4B, #002432)
• Washed Moss Coast color palette (#D2F8F2, #94D18D, #D796D5, #57A74F, #4A254A)

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