Tempered Amber color palette — #FDF1F8 · #FED0D4 · #DABDF9 · #D5815F · #4F3D61

Coral Clay and Lavender set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Shell Pink (#FED0D4): A whisper-light, dusty red — the color of late-summer berries.
• Lavender (#DABDF9): A whisper-light, balanced violet — the color of twilight just after sunset.
• Coral Clay (#D5815F): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#4F3D61): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Tempered Amber 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 Garden color palette (#EEF9EE, #B6ECDC, #F3B5E0, #C48E40, #4C3E61)
• Timeworn Blush Orchard color palette (#FAF2FE, #F9D2CC, #AFCDFF, #D37A9A, #324764)
• Hushed Loft color palette (#FEF1F7, #EED3D1, #CAA0B6, #916E84, #4F3740)
• Ancient Coral Coast color palette (#FBF2F9, #F1D8C2, #B5D999, #D57F6D, #1D5047)
• Blush Grove color palette (#FFF0F8, #F4BEA0, #B6C379, #D485B2, #492F3D)
• Dusty Stone color palette (#FFF1F5, #C2E9F0, #DBA88B, #9BB5CF, #465745)
• Bronze Market color palette (#FFF1F5, #E4D5D3, #D7AA7A, #925F22, #412400)
• Dusty Apricot Field color palette (#FFF2E9, #E79B6D, #72A87D, #9C6340, #4C4E47)

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