Tempered Ridge color palette — #F2F3E9 · #AEE9E7 · #3F9DA3 · #206C5F · #14341F

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F2F3E9): bright and airy, almost weightless.
• Sea Foam (#AEE9E7): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3F9DA3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#206C5F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#14341F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Hushed Cerulean Alley color palette (#F1F3E7, #8CD5E2, #008AA5, #005B5C, #02281A)
• Ancient Cerulean Field color palette (#DFE0CA, #009CA6, #00535F, #002C29, #000508)
• Petrol Study color palette (#F0F3E8, #BBE8D6, #6193BA, #096980, #38233B)
• Hushed Aqua color palette (#FDF3ED, #BCE9EE, #81C8D8, #608E71, #25473B)
• Powdered Petrol color palette (#FEEBFF, #6EA7EB, #4CA171, #2B66A7, #013019)
• Frosted Lantern color palette (#F0F4E9, #A9D4FF, #4683D5, #005C81, #152345)
• Soft Boulevard color palette (#FFEBFB, #6187EE, #A6659C, #11797F, #2A1627)
• Aged Azure color palette (#DDF3FF, #2FAAF1, #2979B8, #254D7B, #3E243C)

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