Tangerine Garden color palette — #F3D8D0 · #FD7A2C · #BB5F00 · #7A4100 · #4D2D00

Built around Tangerine, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F3D8D0): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FD7A2C): A luminous, vivid orange — the color of autumn markets.
• Ochre (#BB5F00): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#7A4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4D2D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Softworn Bronze Drift color palette (#FDCFE3, #D0985D, #B15F00, #853900, #3A2400)
• Marigold Courtyard color palette (#FFE8CB, #EFA005, #A56D00, #623F00, #271600)
• Gentle Bloom color palette (#F8D5D5, #FA3815, #9C5000, #5F3800, #283609)
• Amber Corridor color palette (#FBDBE6, #E08600, #00A66F, #965800, #003823)
• Gentle Mustard Garden color palette (#E5FDE3, #FCDB8B, #CCC140, #BE6600, #4E3600)
• Amber Villa color palette (#FBECCE, #B59413, #836E00, #534D00, #292C00)
• Timeworn Canyon color palette (#FFF0F8, #EEBD9A, #C48F56, #9C6A15, #35553A)
• Scarlet Ridge color palette (#FCDDE1, #FF5F7B, #DE002F, #A8060C, #5F1600)

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