Tangerine Boulevard color palette — #FFECCF · #F47B20 · #7D7C18 · #3D528A · #342F2A

Tangerine and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#FFECCF): A whisper-light, dusty gold — the color of old brass.
• Tangerine (#F47B20): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive Leaf (#7D7C18): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#3D528A): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#342F2A): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Ancient Marigold color palette (#FFEBD4, #CB9900, #498947, #584B81, #32302A)
• Blush Lagoon color palette (#FEEDC9, #F47281, #9E6C1C, #0E5A8A, #362F2B)
• Pale Delta color palette (#E5FCE9, #E3A975, #8D8000, #005879, #2F1D00)
• Hushed Amber color palette (#FFEEE2, #E76D01, #00856C, #51418B, #2C234E)
• Amber Loft color palette (#FFEBD2, #C16A54, #5D5F00, #2F3C6E, #352F2A)
• Dusty Indigo color palette (#E2F5E1, #FC9C8F, #A49B2D, #656ABF, #47270C)
• Softworn Canyon color palette (#FFDEBE, #B29700, #148C4E, #62168E, #272D00)
• Airy Bronze Lagoon color palette (#EDE0CE, #B96A00, #516000, #2B2A7A, #1F1400)

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