Tangerine Garden color palette — #FFDDD8 · #FF6D46 · #BF4400 · #7B3800 · #4A2300

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

The five colors

• Shell Pink (#FFDDD8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#FF6D46): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#BF4400): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#7B3800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4A2300): 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 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

• Soft Coral color palette (#F7E7E8, #FE5968, #D63238, #8B2918, #551E0B)
• Softworn Tangerine Quarry color palette (#FAE4DC, #F68340, #C25F00, #8A4D00, #543714)
• Aged Archive color palette (#F3DBC9, #D38C51, #A85A27, #763922, #351E03)
• Dusty Rust color palette (#FFD0DF, #FD8F8F, #BC4A00, #6D4000, #201700)
• Soft Amber Garden color palette (#F8D7BD, #E77400, #00A14B, #994A00, #003313)
• Hushed Amber color palette (#F6E9D4, #C29100, #937600, #5F5200, #302C00)
• Marigold Corridor color palette (#FFDEC0, #EDA64C, #C1891F, #85682D, #47443D)
• Worn Olive color palette (#F1E5DB, #BE7100, #588C00, #A44167, #301900)

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