Tangerine Boulevard color palette — #F7DDE1 · #FF9D97 · #FF7531 · #B86900 · #573D00

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

The five colors

• Shell Pink (#F7DDE1): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FF9D97): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FF7531): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B86900): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#573D00): 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 Boulevard 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

• Feathered Tangerine Harbor color palette (#FFF0F8, #FFB1B5, #F96B15, #925800, #4A3500)
• Marigold Market color palette (#FFD5C9, #FFA466, #DA9500, #947D00, #484800)
• Softworn Delta color palette (#FFE6F4, #FAB976, #E28A62, #B26669, #423309)
• Aged Rust Canyon color palette (#FEDDDF, #EB786E, #B23900, #6E3300, #341C00)
• Washed Thicket color palette (#FFCBF4, #FF9CCB, #FF6387, #C35744, #6C2E01)
• Pale Amber Courtyard color palette (#FCDCD1, #E67400, #A96F00, #695400, #202400)
• Ember Basin color palette (#FFF0F8, #FFAF88, #67CFFF, #E06100, #004158)
• Tempered Celadon Canyon color palette (#FFF0F9, #E5E7CD, #C9EA99, #E5979A, #344A32)

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