Tangerine Ridge color palette — #F3D9D3 · #FF7645 · #BC5400 · #804000 · #492700

A conversation between Tangerine and Terracotta, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F3D9D3): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#FF7645): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#BC5400): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#804000): A full-bodied, balanced gold — the color of old brass.
• Espresso (#492700): A deep, shadowed, dusty 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 Ridge 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

• Ember Boulevard color palette (#FFE5E9, #FE452A, #A34400, #643700, #432D00)
• Tempered Ember color palette (#F7D8DB, #FF877A, #E46000, #A46500, #3D2E00)
• Softworn Coast color palette (#F1DBC7, #D18C00, #9B6F00, #685000, #3A2E00)
• Tempered Amber Garden color palette (#FFDEC1, #E97F00, #00A75E, #9C5300, #00381C)
• Airy Amber Hollow color palette (#FFF1E2, #FFD58A, #D8C145, #C76400, #513200)
• Muted Meadow color palette (#FFF2EA, #EBB699, #C88A5A, #A36521, #55504A)
• Softworn Crimson color palette (#FED6E0, #FF6286, #E7004F, #A40020, #690300)
• Tempered Dune color palette (#F8DED3, #E45A00, #868600, #BC009E, #411400)

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