Tempered Amber color palette — #FBF3EF · #FFC0AC · #78AA80 · #BF7660 · #2D2F28

Caramel and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Wheat (#FFC0AC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Jade (#78AA80): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#BF7660): A luminous, balanced orange — the color of toasted spice.
• Onyx (#2D2F28): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Patina Driftwood color palette (#FCF3F2, #F5BEDC, #94A36B, #B47598, #2F2E27)
• Worn Hollow color palette (#F9F4ED, #E8CE98, #4EADAC, #A68847, #283127)
• Mint Courtyard color palette (#F9F3F8, #E5DBD3, #63C595, #D28074, #0F2222)
• Antique Canyon color palette (#FAF4EF, #FFD4B7, #B3C06C, #DF9865, #302E24)
• Bronze Boulevard color palette (#FAF3F6, #DDB2C5, #798449, #A25711, #1E332C)
• Tempered Balcony color palette (#FFF2EB, #EFC6A3, #A9A46C, #5A7F4F, #005440)
• Aged Bronze color palette (#FFF2E9, #FFA064, #009A98, #B85800, #002322)
• Worn Ridge color palette (#FFF3E8, #E0B394, #849B71, #726694, #604100)

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