Tempered Ridge color palette — #F5F7E5 · #7EAE77 · #9F74BF · #1B7B0D · #4E375F

Olive and Wisteria set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#7EAE77): A luminous, balanced green — the color of a quiet forest floor.
• Wisteria (#9F74BF): A luminous, balanced violet — the color of a velvet chair.
• Olive (#1B7B0D): A full-bodied, vivid green — the color of a quiet forest floor.
• Royal Purple (#4E375F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Washed Iris Drift color palette (#FAF5E6, #A6A361, #847ECD, #6E6800, #3F3A6D)
• Pale Courtyard color palette (#F0F9E8, #64B198, #C06896, #00775D, #5D3248)
• Frosted Meadow color palette (#F0F9E3, #449C75, #7771B4, #A63978, #363932)
• Olive Harbor color palette (#E3F7F2, #8AB173, #CF6E52, #407417, #411A0F)
• Tempered Emerald Workshop color palette (#F6F7E5, #9AC879, #E98668, #5E9131, #48413D)
• Chartreuse Study color palette (#E7FAF5, #ADDD88, #E7A2E0, #82AE5E, #463C5C)
• Plum Delta color palette (#DFEAC4, #27AE66, #AF006C, #005E32, #570033)
• Cocoa Veranda color palette (#FFF3E7, #BAA47F, #93683C, #78402D, #3F3D36)

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