Tempered Tangerine color palette — #F4E7DE · #EF7124 · #805734 · #5E2E00 · #130B08

Tangerine and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F4E7DE): bright and airy, almost weightless.
• Tangerine (#EF7124): A luminous, vivid orange — the color of autumn markets.
• Coffee (#805734): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#130B08): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Tangerine 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

• Hushed Blush Terrace color palette (#FCE3DB, #F46377, #865149, #4D362F, #150A08)
• Marigold Station color palette (#F0E2D4, #E1993D, #8E6826, #683F00, #1E1710)
• Tempered Hollow color palette (#F5E3D7, #D25100, #553A01, #2D1E13, #140A08)
• Amber Balcony color palette (#E8DEC5, #B18D00, #625B00, #413302, #0D0600)
• Timeworn Ember color palette (#FFF0F9, #E05900, #1F3D24, #180A13, #020002)
• Moss Atelier color palette (#EBE8C8, #8BB200, #4D733E, #43423B, #151206)
• Soft Corridor color palette (#F1E3C7, #CDAB00, #00C282, #E16E60, #382903)
• Antique Meadow color palette (#F3F8E5, #A4D8BB, #21BA93, #9D7D55, #2D3C00)

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