Tempered Ridge color palette — #F2F5FF · #9FD947 · #5E00DF · #210059 · #00000B

Iris and Chartreuse set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Chartreuse (#9FD947): A luminous, vivid green — the color of new leaves after rain.
• Iris (#5E00DF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#210059): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Soft Ultramarine Harbor color palette (#F0F5FF, #D8C600, #382DE1, #110460, #00000A)
• Timeworn Coast color palette (#F4F4FF, #A2D840, #8119A5, #320043, #010008)
• Worn Nightshade color palette (#EBDDE6, #67AA2C, #2E219D, #0E0843, #080006)
• Softworn Mulberry Balcony color palette (#F7F3FF, #CAD991, #8D457A, #3B1B32, #05020B)
• Tempered Terrace color palette (#EEF6FF, #FFAC82, #0057A8, #001E41, #000104)
• Dusty Aubergine Pier color palette (#F5DDE8, #B88A00, #441688, #200348, #120727)
• Amethyst Garden color palette (#F2F4FF, #C8B6FF, #C95600, #7E25EE, #050003)
• Garnet Meadow color palette (#F5E8FE, #9FAB3B, #6F0044, #160009, #030005)

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