Tangerine Studio color palette — #F7DDD9 · #FF683B · #C14800 · #8C4000 · #522700

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

The five colors

• Shell Pink (#F7DDD9): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FF683B): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#C14800): A full-bodied, vivid orange — the color of sun-warmed clay.
• Burnt Sienna (#8C4000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#522700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Sunlit Rust Meadow color palette (#F3D4E4, #E78B3C, #BC5500, #8F2D00, #3D2100)
• Misty Rose Grove color palette (#FFE9EB, #FA2E22, #AE3B00, #673600, #442F00)
• Faded Scarlet Bloom color palette (#F8DADD, #FF6776, #E60026, #A31300, #5D1B00)
• Dusty Pier color palette (#FFEAF0, #FFA0A5, #D24800, #6D4200, #302400)
• Tangerine Archive color palette (#FFD8EB, #F17800, #00A850, #A24E00, #003916)
• Pale Mustard Balcony color palette (#FFF1F6, #FAD18A, #D9BA00, #C66100, #503608)
• Powdered Marigold Grove color palette (#F3DECC, #E89700, #BB8000, #7A5B00, #4F3F00)
• Amber Archive color palette (#FFF0F9, #F0B596, #D4884F, #97683E, #63434E)

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