Tempered Ridge color palette — #E4E1EF · #9A63FF · #7A7A00 · #426600 · #0B0020

Amethyst takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#E4E1EF): a clean, paper-quiet neutral.
• Amethyst (#9A63FF): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#7A7A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#426600): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#0B0020): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Timeworn Indigo Atelier color palette (#E9EDFF, #5E65FF, #8F7000, #626E00, #040027)
• Feathered Archive color palette (#ECE2EF, #CD5BEB, #00856F, #407000, #110017)
• Peony Workshop color palette (#F2EAF9, #E744A4, #007224, #005649, #0F0006)
• Powdered Moss color palette (#F7EAFF, #DCA3FF, #00AF86, #6F9600, #36084B)
• Aged Market color palette (#E6DDFC, #783EC7, #A8004E, #005170, #0C001F)
• Mulberry Delta color palette (#E5E1F6, #84A33F, #7F3385, #420847, #03000B)
• Blush Courtyard color palette (#EDDAE1, #FF86BE, #14A3BA, #00976F, #370E23)
• Byzantium Courtyard color palette (#EBE5D2, #00ACA4, #A000E5, #331646, #02010D)

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