Tempered Ridge color palette — #FDF3EE · #BDDEC8 · #419DDD · #127F5E · #4C2F46

Cornflower and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Celadon Mist (#BDDEC8): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#419DDD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#127F5E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#4C2F46): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, 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 Periwinkle color palette (#FEF3EA, #B0E3FD, #5A9AFF, #008477, #3E376B)
• Pine Pier color palette (#FFF2ED, #71DFE3, #009AC6, #007838, #003168)
• Airy Basin color palette (#F8ECE1, #9CCAEF, #607AF0, #006C6C, #33254C)
• Softworn Powder Archive color palette (#FBF3F0, #CDE8E3, #87B8D9, #60937A, #604A5D)
• Cerulean Corridor color palette (#EEF9F0, #85D3E6, #2E82A6, #00605C, #213D56)
• Dusty Iris color palette (#F7EED7, #B5AB41, #7589FF, #7D7400, #2B3257)
• Dusty Bloom color palette (#EADDD4, #4B9FB7, #005B99, #003D2F, #06002C)
• Misty Ridge color palette (#ECDED5, #84BBD0, #0075D4, #005B4C, #1A1648)

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