Tempered Amber color palette — #E4FBF5 · #60A5E5 · #D5723A · #0062A5 · #5F3721

Coral Clay takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E4FBF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#60A5E5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Coral Clay (#D5723A): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#0062A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Cocoa (#5F3721): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Ultramarine Cabin color palette (#FEF0FE, #6FA1E9, #AD8200, #2863B7, #46423B)
• Ember Orchard color palette (#E9FBED, #24B3C4, #C96B54, #00737F, #5F362C)
• Gentle Summit color palette (#E8F3FF, #5CABEB, #B9739F, #2E6998, #2E203D)
• Misty Bronze color palette (#E2FCF2, #3492C6, #B76020, #7B671D, #203F35)
• Feathered Delta color palette (#FAD8F9, #277EFD, #846E00, #0047A6, #372D00)
• Azure Quarry color palette (#EDF6FF, #9AD3FF, #F3AC6E, #49A7E8, #5B3A1B)
• Sky Hollow color palette (#E1FDF2, #5CC3FF, #7BB770, #4488B1, #2E4B29)
• Grape Workshop color palette (#FFF1F5, #B072E4, #977C00, #8010BE, #473900)

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