Tempered Amber color palette — #FFF2EA · #D67E4C · #5D7A4E · #275B6C · #593642

Coral Clay takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Coral Clay (#D67E4C): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#5D7A4E): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#275B6C): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#593642): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, 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

• Dusty Blush color palette (#FFF2EF, #CF7A94, #806F38, #176058, #52394B)
• Tempered Lantern color palette (#FCEFE9, #CE877D, #4A7F5A, #424970, #391C31)
• Timeworn Station color palette (#FAF5E8, #AC9839, #2D8073, #425378, #5B3736)
• Dusty Bloom color palette (#FFF2E9, #E3CAA5, #9B9575, #60766C, #5A4C58)
• Marigold Garden color palette (#FFF3E7, #D8AC61, #967B35, #6C6532, #504F47)
• Muted Harbor color palette (#FBF2F9, #DF9E97, #639B77, #60658F, #354161)
• Worn Bronze Hollow color palette (#FFF3E5, #AC6E00, #006B43, #004270, #511047)
• Worn Bronze color palette (#FAF0E6, #B36802, #403C35, #2F271F, #17150F)

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