Tangerine Grove color palette — #FFD3C5 · #F07900 · #9D5D00 · #634500 · #2F3B09

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

The five colors

• Shell Pink (#FFD3C5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#F07900): A luminous, vivid gold — the color of old brass.
• Ochre (#9D5D00): A full-bodied, balanced gold — the color of old brass.
• Bronze (#634500): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#2F3B09): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Apricot Workshop color palette (#FFE0DD, #FF8943, #C07800, #7E6100, #443E00)
• Faded Coral color palette (#F7DFDD, #FF6445, #B44E00, #7B4400, #464000)
• Marigold Orchard color palette (#F0DDC4, #D29C00, #8A7700, #535500, #334500)
• Feathered Coast color palette (#FFEBD4, #C09627, #915C00, #723704, #38352E)
• Bronze Grove color palette (#EEDEC8, #9C7600, #574C00, #353500, #002610)
• Mulberry Courtyard color palette (#FFE8C2, #A67600, #008288, #853D94, #402C05)
• Feathered Corridor color palette (#FFF3E5, #D89324, #216AD9, #7E5100, #153870)
• Muted Mint color palette (#FFF3E2, #F2EAA0, #8EC26F, #9F6940, #4D4942)

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