Tempered Denim color palette — #FFF1F0 · #D689AD · #618F41 · #654C99 · #59203E

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Dusty Rose (#D689AD): A luminous, balanced rose — the color of a warm blush.
• Olive Leaf (#618F41): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#654C99): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#59203E): A deep, shadowed, balanced rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Denim 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

• Denim Basin color palette (#FFF1F6, #B394DC, #85843D, #49579E, #313163)
• Feathered Corridor color palette (#FFF2ED, #DE8A8A, #009580, #8E3B69, #5E2125)
• Softworn Bronze color palette (#FFF1F1, #CC8FB0, #A67620, #006592, #552441)
• Softworn Ultramarine color palette (#FFF3E8, #CD986C, #84853E, #4A52AC, #552C00)
• Sunlit Apricot color palette (#FFF0FB, #FF9D85, #009E9E, #53558D, #26264D)
• Lagoon Station color palette (#FAF4EF, #C7E3E4, #86A5DC, #008D83, #5D3C4E)
• Gentle Alley color palette (#FFF1F5, #B57A39, #00764C, #094886, #52283E)
• Tempered Studio color palette (#FFEFEE, #DDC3B3, #A99D76, #926C73, #674244)

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