Tempered Amber color palette — #ECF9F2 · #7DBAD4 · #CB8651 · #007EA3 · #524C46

Mustard and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Sky (#7DBAD4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mustard (#CB8651): A luminous, balanced gold — the color of old brass.
• Cerulean (#007EA3): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, 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

• Muted Sky color palette (#E5F4FF, #61BFEE, #C38F6D, #3F7996, #442635)
• Weathered Blush color palette (#F0F8EF, #6AC2BA, #CB7E96, #12837C, #624440)
• Taupe Veranda color palette (#FCF1F9, #9FADE4, #9F9D4E, #606EAC, #4F4D46)
• Wandering Powder Lagoon color palette (#E9FAF2, #74D1FF, #D9A47C, #5595B6, #524C46)
• Hushed Amber color palette (#EAFAEC, #4BA8AF, #BA7A1D, #817739, #354838)
• Petal Archive color palette (#EAFAF0, #E9D5D0, #E9BEE6, #819876, #42534D)
• Denim Field color palette (#FBF2F9, #C9C292, #4B5C8C, #473043, #2C2224)
• Dusty Sky Field color palette (#ECF7FF, #A8DDFE, #F0B8A3, #71B1D8, #634156)

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