Tangerine Alley color palette — #FFF3E7 · #FBABD1 · #F37B24 · #3E8500 · #3A2D00
Tangerine and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Carnation (#FBABD1): A whisper-light, balanced rose — the color of strawberry cream.
- Tangerine (#F37B24): A luminous, vivid gold — the color of old brass.
- Olive Leaf (#3E8500): A full-bodied, vivid green — the color of a quiet forest floor.
- Espresso (#3A2D00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Quiet Boulevard color palette (#FFF2EE, #E7B7F8, #F28073, #8F7B00, #47270B)
- Marigold Ridge color palette (#FEF4E2, #FFAEA1, #C39900, #008966, #293100)
- Sunlit Terrace color palette (#E7F7E5, #FFB1A1, #EF9400, #878000, #231600)
- Powdered Emerald color palette (#FFF3E3, #FFC3CE, #DDAF41, #00A560, #3B3D14)
- Sunlit Amber color palette (#FEEADF, #C48A3B, #776800, #445300, #0F4321)
- Blush Balcony color palette (#FEE7D2, #E9719F, #B66800, #006A3B, #1D1B00)
- Emerald Studio color palette (#F0F7D9, #E39800, #00A52D, #00739B, #002D24)
- Softworn Amber color palette (#E7E6D0, #CB6300, #4B6700, #004B4F, #000803)
Browse the whole catalog at Explore, or see today's palette.