Tangerine Garden color palette — #F2E2DF · #FFA386 · #FE772C · #C46100 · #633300

Built around Tangerine, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#F2E2DF): bright and airy, almost weightless.
• Melon (#FFA386): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FE772C): A luminous, vivid orange — the color of autumn markets.
• Ochre (#C46100): A luminous, balanced gold — the color of old brass.
• Bronze (#633300): A deep, shadowed, balanced gold — the color of honey in a jar.

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 Ember Lagoon color palette (#F8E1E4, #FF8F8B, #D36100, #965300, #533900)
• Gentle Field color palette (#FFD4D8, #FFA5A7, #FF605C, #DF4323, #6E2C0E)
• Washed Tangerine Drift color palette (#FFE7F2, #FFB579, #F47F2A, #B5684B, #4A2A36)
• Aged Marigold color palette (#F6DAC0, #FCA528, #D49200, #997000, #493900)
• Misty Corridor color palette (#FFE6ED, #FC697A, #AF4F00, #6D3F00, #2C2400)
• Antique Mint color palette (#FFF1F7, #FFB175, #00D97B, #E07800, #004725)
• Dusty Workshop color palette (#FFF1F6, #E4E4CA, #ECD767, #E08C55, #354F34)
• Amber Balcony color palette (#FEECDB, #CB8600, #A57300, #6C5100, #261D00)

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