Tempered Ridge color palette — #EFF7F6 · #D5DCEE · #64A1C5 · #317A89 · #455563

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

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D5DCEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#64A1C5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#317A89): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#455563): A full-bodied, dusty blue — the color of deep harbor water.

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

• Ash Ridge color palette (#F8EFF3, #D7D1E6, #79A0C7, #397773, #2B364B)
• Denim Pier color palette (#D9E4E3, #69A9C0, #005F81, #003D45, #002236)
• Worn Coast color palette (#FAF3F7, #D8D4E3, #BCBDE6, #6BB2A3, #48516D)
• Worn Lagoon color palette (#F3F4FF, #A686CE, #C06D7B, #407DA3, #404151)
• Tempered Boulevard color palette (#EFF7F6, #94D0DD, #0086A3, #005F62, #054156)
• Timeworn Stone Quarry color palette (#F3F4FF, #DFD7E0, #EBB6A7, #8A82AB, #51505D)
• Antique Lantern color palette (#DBEFEE, #5087AB, #003F6A, #00212C, #00091C)
• Tempered Iris Workshop color palette (#E2EDFF, #A6B0E8, #807CCB, #60558C, #494C64)

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