Tempered Ridge color palette — #E7F4E3 · #EB6523 · #0056D4 · #19081B · #050005

A conversation between Cobalt and Pumpkin, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F4E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Pumpkin (#EB6523): A luminous, vivid orange — the color of autumn markets.
• Cobalt (#0056D4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#19081B): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged neon, dark, vibrant.

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

• Amber Dune color palette (#ECEFD7, #CE7E24, #0066A3, #090B18, #000202)
• Lapis Harbor color palette (#D2E4D7, #C98224, #5134EB, #050023, #060004)
• Indigo Dune color palette (#CEECD5, #E16100, #6E6FFF, #22244E, #00010B)
• Wandering Crimson color palette (#ECE1C5, #EF0A5D, #008093, #060E15, #000201)
• Ancient Cornflower Thicket color palette (#D3EACE, #FFA35D, #6C7AEC, #13144C, #200F1C)
• Byzantium Balcony color palette (#D6E8DB, #978300, #8804F0, #22010D, #060002)
• Aged Terrace color palette (#D5F1FE, #F4028D, #973FFF, #180B2B, #060002)
• Wandering Grape color palette (#CCE9F6, #C50078, #7A00E1, #150315, #010009)

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