Tempered Amber color palette — #F0F5FF · #A1B1FF · #C78C00 · #3B893D · #033C08

Built around Mustard, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lavender (#A1B1FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#C78C00): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#3B893D): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#033C08): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Airy Drift color palette (#EBF2FF, #96ACFF, #CA8012, #00807F, #003332)
• Soft Orchard color palette (#ECF7FF, #77CEFF, #E25E3D, #008D3E, #003C16)
• Chalky Alley color palette (#F4F4FF, #D7ADFF, #6CA01D, #378940, #003A2C)
• Powdered Canyon color palette (#EBF7FF, #5CD2FF, #DE6246, #897400, #3A3000)
• Antique Atelier color palette (#DEECFF, #EFB0FE, #D29D97, #5D9293, #205455)
• Rust Quarry color palette (#FFF1F7, #AB7CFF, #D03918, #406100, #003646)
• Gentle Violet color palette (#E8ECFF, #9C6CFF, #877100, #005E5B, #001615)
• Hushed Market color palette (#EDE2FF, #FF7CDC, #00985B, #007485, #002A31)

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