Tangerine Alley color palette — #FFF2E9 · #EF853D · #908129 · #396B40 · #542639
A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Tangerine (#EF853D): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#908129): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#396B40): A full-bodied, balanced green — the color of new leaves after rain.
- Mulberry (#542639): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Tangerine Alley 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
- Marigold Grove color palette (#FFF3E3, #D59800, #6A8D41, #186C5F, #562920)
- Amber Grove color palette (#FFF2EB, #BE7258, #487036, #004F6E, #4C2A47)
- Amber Workshop color palette (#FFE3BF, #BA7F00, #597400, #005543, #4B000B)
- Powdered Mustard color palette (#FFDEBC, #F3B255, #B9871B, #82681F, #4A4740)
- Weathered Olive color palette (#FFF3E8, #E3C498, #AFA38A, #6D8341, #475240)
- Hazy Balcony color palette (#E8E1CB, #8D8C00, #007650, #751E2A, #2E1A00)
- Airy Marigold color palette (#FEF3E6, #E1A448, #7E9563, #855972, #693005)
- Amber Balcony color palette (#F5E0D0, #D86E00, #6D4200, #322D28, #1F1611)
Browse the whole catalog at Explore, or see today's palette.