Hazy Tangerine color palette — #FFD5CC · #FFA889 · #FC7B2B · #BF6100 · #5F3300

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

The five colors

• Shell Pink (#FFD5CC): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFA889): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#FC7B2B): A luminous, vivid orange — the color of toasted spice.
• Ochre (#BF6100): A full-bodied, balanced gold — the color of old brass.
• Bronze (#5F3300): A deep, shadowed, balanced 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 Hazy 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 Amber color palette (#F2E3DA, #F1A762, #D18500, #A16C00, #4F3800)
• Sunlit Orchard color palette (#FDDDE2, #FF827A, #D25A00, #8E5600, #563E00)
• Muted Ember Orchard color palette (#F1D9D4, #F86028, #B54E00, #733500, #3C1D00)
• Linen Blush color palette (#F8E4EA, #FF9FB1, #FE5F78, #D24649, #6A1B15)
• Faded Delta color palette (#FFF3E7, #FFC88E, #E99300, #A66700, #341D00)
• Faded Study color palette (#FFF2EA, #FFAF84, #D797FF, #EC6D00, #4C2662)
• Feathered Lantern color palette (#F7E3D1, #CD8600, #9A6C00, #6C5100, #2B2300)
• Soft Station color palette (#FFE1B4, #E9C883, #C2A446, #9B8B39, #4A4740)

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