Tempered Ridge color palette — #ECF7FC · #70BFD0 · #B57B74 · #85603E · #5A3B1C
A conversation between Cyan and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF7FC): a clean, paper-quiet neutral.
- Cyan (#70BFD0): A luminous, balanced blue — the color of open sky before noon.
- Caramel (#B57B74): A luminous, dusty orange — the color of sun-warmed clay.
- Walnut (#85603E): A full-bodied, dusty gold — the color of old brass.
- Cocoa (#5A3B1C): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.
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
- Turquoise Station color palette (#EDF7FC, #67C0D6, #B67A79, #5D7145, #1D4C42)
- Weathered Summit color palette (#F1F7EE, #89DFCA, #C383A7, #716D3A, #3B3831)
- Wandering Mint color palette (#E8F9F7, #8CC192, #9B80AA, #8C5B4D, #55374D)
- Weathered Ridge color palette (#EEF7FC, #7AD4FC, #C596C9, #B0794C, #184B4A)
- Chestnut Drift color palette (#EDF8F3, #6DA0B7, #866288, #794505, #1C4D35)
- Ash Balcony color palette (#E0FCFC, #C8DDE7, #9DA4BC, #728D85, #405951)
- Antique Turquoise Hollow color palette (#E4F5FE, #02A6C8, #AD5247, #006129, #003614)
- Ancient Periwinkle color palette (#E6F6FF, #9BCBF9, #90A0DF, #7F71A4, #524F70)
Browse the whole catalog at Explore, or see today's palette.