Tempered Tangerine color palette — #FDE7E4 · #F46600 · #AD6000 · #6B4E00 · #251F00

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and energy.

The five colors

• Rose Water (#FDE7E4): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#F46600): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#AD6000): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6B4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#251F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Energy, Balance. Tagged warm.

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 Amber Loft color palette (#FCE9E0, #DA6C00, #935100, #5A3400, #2E1C00)
• Muted Garden color palette (#F7E3D6, #C28700, #917300, #585D00, #112400)
• Washed Pier color palette (#F8D5E2, #C59717, #B16800, #8C4129, #181700)
• Chalky Scarlet Pier color palette (#F7DDE9, #FF4269, #E11E00, #8B4000, #301800)
• Powdered Cornflower color palette (#FFE4EE, #F5962C, #2D76E9, #A25D00, #001742)
• Frosted Blush Pier color palette (#D3F1FF, #FF6998, #B66A00, #442431, #0E0206)
• Hushed Mint color palette (#F8D2E0, #D6D37D, #6DCD84, #C36756, #0B2D16)
• Hushed Bronze color palette (#ECE0CC, #897700, #596B00, #1B4C00, #000F04)

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