Tempered Amber color palette — #FFF2E9 · #DF6D00 · #513600 · #240F01 · #040100

A conversation between Pumpkin and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Pumpkin (#DF6D00): A luminous, vivid gold — the color of old brass.
• Cocoa (#513600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#240F01): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Softworn Rose color palette (#FFF2ED, #F84859, #642603, #290A01, #050000)
• Patina Tangerine Garden color palette (#FEE6D5, #F77713, #736733, #643300, #1C0D0A)
• Moss Coast color palette (#FFF4DB, #A69300, #314300, #1D1400, #030100)
• Midnight Orchard color palette (#F7E1CC, #AA6200, #2F2300, #141C23, #080300)
• Chestnut Atelier color palette (#F1E5D3, #795A00, #273231, #131400, #020100)
• Worn Fern Canyon color palette (#F7F6E7, #9CBA7A, #4E5C15, #2D2C1D, #110F0A)
• Muted Olive color palette (#F6EFCB, #778800, #043605, #1F2926, #070900)
• Peony Quarry color palette (#FFF5D3, #CEAB00, #00B1CC, #BF59AE, #292100)

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