Tempered Amber color palette — #FEF1F7 · #CBC3FF · #CE874F · #317870 · #274026

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

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Lavender (#CBC3FF): A whisper-light, balanced violet — the color of wild irises.
• Mustard (#CE874F): A luminous, balanced gold — the color of honey in a jar.
• Teal (#317870): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#274026): 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 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

• Taupe Drift color palette (#FFF1F2, #F4B4E4, #A99B45, #33748C, #154138)
• Muted Basin color palette (#EDF8F3, #99D5F7, #D67B82, #3B7A56, #373A33)
• Wandering Mallow color palette (#F6F3FF, #EDAEEB, #D99495, #A27F58, #38415D)
• Chalky Moss color palette (#FFF1F1, #E9A1CA, #998C00, #00667F, #29254B)
• Stone Summit color palette (#FFF0F8, #E5D9D4, #D2BFA5, #7C8C7C, #404F40)
• Hushed Dune color palette (#F6F6EB, #BCE2DB, #78BEB1, #997E81, #3F4D00)
• Lilac Corridor color palette (#F1F0FF, #B58AC1, #607B4E, #3B5527, #002F2B)
• Weathered Wisteria color palette (#FFF1F5, #D588FF, #9E7800, #005B6B, #00272E)

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