Tangerine Quarry color palette — #FFDED8 · #FF7A3E · #BB6200 · #7E4F00 · #483300

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

The five colors

• Shell Pink (#FFDED8): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FF7A3E): A luminous, vivid orange — the color of autumn markets.
• Ochre (#BB6200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#7E4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#483300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

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

• Patina Grove color palette (#FFEAE2, #FF9A5C, #C16700, #7D4800, #341E00)
• Worn Lantern color palette (#F9E5D2, #D18C00, #8E7200, #5B5300, #2F3100)
• Scarlet Balcony color palette (#F7D7DA, #F62D14, #904B00, #533F00, #143815)
• Powdered Apricot Archive color palette (#FED9E6, #F49729, #0081D0, #975800, #003052)
• Amber Boulevard color palette (#FFF0F9, #F3B78E, #D2903E, #95753E, #34523E)
• Worn Lime color palette (#FFF3E5, #FAD35A, #8DD236, #C95900, #473400)
• Washed Crimson color palette (#F4E1E7, #FF5979, #E80030, #9A2500, #4D2100)
• Chalky Byzantium Bloom color palette (#EDE2D6, #C07B00, #00938F, #9930CE, #351E00)

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