Tangerine Garden color palette — #FFD2CC · #FF7C42 · #B85D00 · #663B00 · #2B1A00

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 (#FFD2CC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#FF7C42): A luminous, vivid orange — the color of toasted spice.
• Ochre (#B85D00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#663B00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2B1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Patina Alley color palette (#FFE6D3, #F19E16, #997600, #574800, #1C1F00)
• Pale Ember Orchard color palette (#FFE0D6, #D06027, #904600, #5C3000, #302800)
• Ancient Dune color palette (#FFE1E6, #FF9292, #D22300, #833600, #311700)
• Antique Bronze color palette (#FFF3E8, #DAA867, #AF5E00, #762B0D, #1B1000)
• Wandering Ridge color palette (#F4DFD4, #D77A00, #875900, #483500, #131100)
• Mustard Balcony color palette (#FFF3E3, #F8AF3F, #A36D00, #4D2F00, #050200)
• Weathered Bronze color palette (#F3E4D4, #AA7D00, #5B4E00, #212200, #010200)
• Apricot Terrace color palette (#FFF3E8, #FE9E45, #008DD0, #925000, #001A2C)

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