Tangerine Ridge color palette — #FFE7E1 · #FF7547 · #C65200 · #874000 · #4D2900

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

The five colors

• Rose Water (#FFE7E1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#FF7547): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#C65200): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#874000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4D2900): 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 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

• Apricot Lantern color palette (#FFD4B8, #E38E33, #B55C00, #85390F, #3B2300)
• Quiet Scarlet color palette (#F5D6D7, #FF6665, #E71500, #932B00, #591E00)
• Rust Market color palette (#FFF1F6, #FF9D95, #C95B00, #6A4000, #2C2500)
• Weathered Tangerine color palette (#FFDEC1, #EB7D00, #00A75D, #9E5200, #00381C)
• Tempered Marigold Quarry color palette (#F2E4D7, #EA9800, #B58100, #7B5D00, #504200)
• Hushed Mustard color palette (#FFF1E1, #FFCE62, #D6C045, #B86306, #503400)
• Hushed Amber color palette (#F6E9D4, #C29100, #937600, #5F5200, #302C00)
• Amber Thicket color palette (#FFF2EA, #FFBA94, #CB8E5E, #96714A, #58524C)

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