Tempered Amber color palette — #EBF7FF · #60CFFF · #C67600 · #00759A · #2F1800

Built around Mustard, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Sky (#60CFFF): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#C67600): A luminous, balanced gold — the color of honey in a jar.
• Teal (#00759A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#2F1800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Hazy Rose color palette (#EAF7FF, #3CD4FF, #EF464C, #007793, #410006)
• Patina Sapphire color palette (#EFF6FF, #85B3FF, #B39B06, #015CE3, #241E00)
• Soft Terracotta Courtyard color palette (#CAEAFF, #259EDD, #A03F00, #00547C, #4F1B00)
• Soft Bronze Dune color palette (#EDF6FF, #54B4FF, #BA5900, #7B6F00, #001425)
• Muted Lime Archive color palette (#C1F2DA, #2AC6F8, #7DBD00, #0096BF, #203500)
• Frosted Orchard color palette (#F2F5FF, #C1B2FF, #BCA92A, #7F4CE7, #2E2800)
• Washed Navy color palette (#D0E0F7, #3563CA, #7E4300, #00157E, #030100)
• Bronze Coast color palette (#DDFFE7, #BBC365, #997A00, #704000, #0B1E00)

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