Tempered Tangerine Garden color palette — #F4DDE1 · #FF9C8C · #FD731D · #B26400 · #503700

Tangerine takes the lead with Ochre close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F4DDE1): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FF9C8C): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#FD731D): A luminous, vivid orange — the color of toasted spice.
• Ochre (#B26400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#503700): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Amber Ridge color palette (#F8DEDE, #F08968, #D07100, #865C00, #3F3000)
• Pale Alley color palette (#FFEADB, #E5C195, #E68850, #C25C58, #413400)
• Quiet Marigold color palette (#FFEBE4, #FFAA67, #D59700, #978000, #3E4200)
• Ancient Coral color palette (#FFE8EA, #FF6056, #AA4800, #663B00, #302200)
• Washed Marigold color palette (#FFF3E6, #FFCA9B, #E29200, #A26800, #3F2100)
• Soft Scarlet color palette (#FFD0F0, #FFA7C7, #FF6E89, #E93000, #662B00)
• Tangerine Bloom color palette (#FFF2EA, #FFAF88, #74BDFF, #F06800, #003D68)
• Tempered Workshop color palette (#ECDBCF, #AE7C00, #756A00, #3E5000, #071D00)

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