Tangerine Garden color palette — #F8DCD2 · #F97C32 · #A55500 · #764100 · #443A00

Tangerine takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F8DCD2): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F97C32): A luminous, vivid orange — the color of autumn markets.
• Ochre (#A55500): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#764100): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#443A00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Timeworn Station color palette (#FFE0DF, #F66452, #CD3C00, #823300, #4C3600)
• Antique Tangerine color palette (#FFE5DB, #FFAA80, #EF7D05, #B96900, #543300)
• Amber Lagoon color palette (#EEDBD0, #CD7212, #865100, #513200, #262800)
• Dusty Bronze Lagoon color palette (#FFEAD8, #BF9362, #9A5600, #743400, #39352F)
• Amber Drift color palette (#FFF3E7, #D07C1D, #009665, #864C00, #00472D)
• Quiet Amber color palette (#FFD7A5, #D09300, #8C6C00, #5C4A00, #263E13)
• Wandering Thicket color palette (#FFF3E5, #DEE9B1, #C7C37A, #965A1D, #543E10)
• Frosted Olive Studio color palette (#FFE7C9, #AC7200, #2D8900, #A22F51, #442A00)

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