Tempered Amber color palette — #E9F8FF · #5AD0FF · #CA7400 · #007599 · #301700

Mustard takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Sky (#5AD0FF): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#CA7400): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#007599): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#301700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Ember Studio color palette (#E0FFDF, #2EDBDA, #EE4A30, #007B7A, #3F0400)
• Sapphire Villa color palette (#EFF6FF, #7BB5FF, #AB9F06, #0067C8, #221F00)
• Lapis Quarry color palette (#FFF0F9, #AFAFFF, #B78100, #5346B5, #231500)
• Bronze Delta color palette (#CBE9FF, #0090C1, #AB5500, #005674, #4A2100)
• Feathered Balcony color palette (#FFF0FD, #ABC8FF, #D8A907, #3570F9, #3B2C00)
• Bronze Archive color palette (#ECF7FF, #47B6FE, #B85B00, #7A6A00, #001424)
• Muted Peony color palette (#E4FEDF, #2EDCD0, #EE3390, #007B74, #3E0020)
• Ancient Chapel color palette (#C9EAFF, #2EC6F9, #7BBE00, #0096C0, #1F3500)

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