Tempered Rose color palette — #F9F3F9 · #F5D5C7 · #B59C45 · #CA6672 · #05170C

Coral Clay and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Bone (#F5D5C7): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#B59C45): A luminous, balanced green — the color of a quiet forest floor.
• Coral Clay (#CA6672): A luminous, balanced red — the color of late-summer berries.
• Ink (#05170C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Amber Harbor color palette (#FBF2F7, #E8D7D8, #B6B176, #CD8663, #11231A)
• Peony Coast color palette (#F7F3FE, #FFD1D4, #D18A6F, #B96C9D, #1B0D16)
• Blush Pier color palette (#F7F3FB, #F6C5DC, #95BC76, #E378B1, #0B2A24)
• Muted Emerald Study color palette (#FFF1F5, #FFCE99, #00B042, #AF6D00, #000D0C)
• Misty Coral Lantern color palette (#FEF0FD, #E3847F, #3E9D6F, #006588, #1A152A)
• Worn Meadow color palette (#FFF2F0, #FFD6C0, #C69561, #876700, #393400)
• Chalky Mulberry Parlor color palette (#FBEEEE, #DC9DBC, #757C00, #9D3A72, #120E02)
• Powdered Corridor color palette (#FFF0FA, #FFAB93, #808500, #BC3200, #020200)

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