Tempered Ridge color palette — #EDF8F6 · #D6DDEB · #97D0ED · #81A9BA · #3F5568

Sky and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Silver (#D6DDEB): A whisper-light, dusty violet — the color of wild irises.
• Sky (#97D0ED): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#81A9BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#3F5568): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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 Meadow color palette (#E7F8FF, #7BE7FD, #67CAE6, #5F9AB3, #354F62)
• Worn Parlor color palette (#ECF7FF, #85D1FF, #C9AFF1, #7ABFA7, #344552)
• Cypress Chapel color palette (#F6F0F3, #D4DCEE, #809FC2, #177C69, #2B354F)
• Cobalt Study color palette (#DCF1EF, #57ABD7, #007BBC, #005A6F, #000919)
• Sand Chapel color palette (#ECF9EF, #E6DAAB, #9DC0A5, #849984, #3A4D43)
• Azure Courtyard color palette (#D2E3E1, #5DD1EF, #00A1CC, #007C84, #002333)
• Washed Turquoise color palette (#E6F2EF, #8FE4E4, #00BAC7, #009283, #00343D)
• Muted Powder color palette (#EDF8F7, #D8DCE9, #A2CCEF, #83A8BD, #435467)

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