Tempered Amber color palette — #FCF1FA · #A8BEF9 · #D69149 · #509685 · #3A2F38

Mustard and Sky set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FCF1FA): bright and airy, almost weightless.
• Sky (#A8BEF9): A luminous, balanced violet — the color of wild irises.
• Mustard (#D69149): A luminous, balanced gold — the color of honey in a jar.
• Fern (#509685): A luminous, dusty teal — the color of sea glass.
• Espresso (#3A2F38): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Patina Grove color palette (#EDF8F4, #90C5EF, #EB8970, #779967, #253832)
• Wandering Atelier color palette (#FFF1F1, #E2A1C0, #CA9E4F, #3A9A91, #412E34)
• Timeworn Balcony color palette (#FFF1F6, #CEAAF8, #CA7976, #376C80, #2F232C)
• Linen Studio color palette (#FFF1F2, #DC83CE, #AA8F00, #008792, #33161B)
• Bronze Boulevard color palette (#FAF2FA, #D98C97, #9F802A, #5D7542, #233A3D)
• Weathered Mallow color palette (#FFEDEE, #E29BD4, #91736C, #5F5051, #262022)
• Stone Archive color palette (#FAF3F5, #E1D8D5, #BEABD8, #B6B2A6, #575053)
• Sunlit Thicket color palette (#FFF0F9, #E7D2FF, #E39ED5, #C17487, #72392B)

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