Tempered Mallow color palette — #FFF1F6 · #CFB9FF · #C7A277 · #629473 · #3A482D

Lavender and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#CFB9FF): A whisper-light, balanced violet — the color of a velvet chair.
• Camel (#C7A277): A luminous, dusty gold — the color of afternoon light on wheat.
• Fern (#629473): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#3A482D): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Weathered Mallow color palette (#FFF1F1, #F4AED8, #ACAE76, #4F929F, #294B35)
• Dusty Chapel color palette (#FBF2FB, #A0CBFF, #D7978D, #8F885D, #464500)
• Timeworn Hollow color palette (#F3F4FF, #D9BEF8, #89A473, #5A744B, #054047)
• Hushed Powder color palette (#FBF4EE, #C1E5F8, #ABC9F1, #8EAB90, #5F4C59)
• Shell Dune color palette (#FFF1F7, #F6D3C5, #D5BEB3, #9CA793, #495242)
• Fuchsia Villa color palette (#FFF1F4, #E192FF, #BF9100, #00877F, #003935)
• Dusty Mallow color palette (#FFEEF2, #FDBAF3, #E29CBC, #BF858D, #554E4A)
• Pale Blush Ridge color palette (#FFF2EF, #FF9CB5, #76B26B, #3988A2, #1B395A)

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