Tempered Ridge color palette — #C8EAFF · #88D3FF · #FF7C4F · #007EB0 · #531600

Salmon and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C8EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#88D3FF): A whisper-light, balanced blue — the color of deep harbor water.
• Salmon (#FF7C4F): A luminous, vivid orange — the color of sun-warmed clay.
• Cerulean (#007EB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#531600): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Sunlit Ember color palette (#AFF2FF, #39E0FB, #E9644A, #0099AE, #590C00)
• Faded Grove color palette (#ECF7FF, #75CCFF, #E55900, #0073A3, #381000)
• Dusty Marigold color palette (#BDF2E1, #63BEFF, #E2A620, #0085C9, #3D2A00)
• Quiet Peony color palette (#D4EDCB, #39E6CF, #E95A89, #009E8D, #590128)
• Cornflower Station color palette (#FFF0FE, #A2C7FF, #E5BE22, #458AF3, #473900)
• Faded Canyon color palette (#D3E4F0, #0093C2, #B35100, #005470, #280D00)
• Indigo Corridor color palette (#F1D4EA, #90AAFF, #BEAE1F, #546ED6, #2F2A00)
• Washed Sky Alley color palette (#E7FAF4, #ADDBFF, #EFBB93, #72B0DE, #524C46)

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