Soft Tangerine color palette — #F3DCD7 · #FFAA85 · #F1830B · #A06C00 · #564100

Tangerine and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Shell Pink (#F3DCD7): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFAA85): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#F1830B): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#A06C00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#564100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Soft Tangerine 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 Marigold Harbor color palette (#F3E6DC, #F7AD45, #C39200, #8C7200, #3B3C00)
• Timeworn Grove color palette (#FFEAED, #FF8C64, #C86900, #7C5D00, #454500)
• Tangerine Summit color palette (#FFE6DC, #F57E18, #A35A00, #6B4100, #321F00)
• Misty Atelier color palette (#FFD3DF, #FFA3AB, #FF766B, #D24911, #5C2E00)
• Softworn Summit color palette (#FADFC4, #C48E00, #927600, #5D5900, #1F2700)
• Mustard Pier color palette (#DAFDDD, #DDC065, #BBA800, #7E8A3B, #43532E)
• Quiet Celadon color palette (#E6FCE6, #FFEFAC, #BEEA87, #E18E5F, #294D36)
• Chalky Amber color palette (#FFF1F5, #FFB35D, #7EBBFF, #D38200, #053B6D)

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