Tempered Ridge color palette — #F9F7D9 · #A9D75F · #A4AFFF · #7AA900 · #2D2B81
Kelly Green and Chartreuse set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F9F7D9): A whisper-light, dusty green — the color of fresh herbs.
- Chartreuse (#A9D75F): A whisper-light, balanced green — the color of fresh herbs.
- Lavender (#A4AFFF): A luminous, balanced violet — the color of wild irises.
- Kelly Green (#7AA900): A luminous, vivid green — the color of new leaves after rain.
- Indigo (#2D2B81): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Muted Honey color palette (#FFF4DA, #DBC741, #99B3FF, #AB9800, #223376)
- Emerald Coast color palette (#EDF1DE, #94D096, #CDA6FF, #2AA03B, #41255F)
- Airy Thicket color palette (#FDF6D6, #D7E14D, #AC97F9, #777C00, #321F5E)
- Chalky Boulevard color palette (#F9F6E0, #C4EA6E, #E88EFF, #729100, #581568)
- Frosted Violet color palette (#DCFFF0, #C0C858, #8974EC, #787E00, #3A2A75)
- Airy Jade color palette (#F0F8E8, #9BDCC2, #E3A4E6, #00BA8D, #58315A)
- Hushed Amber color palette (#FFF3E7, #FFB266, #72BEFF, #D77F00, #003D66)
- Gentle Lime color palette (#FFE1E8, #D9B2FF, #B6CB00, #4C5516, #2A2610)
Browse the whole catalog at Explore, or see today's palette.