Soft Tangerine color palette — #FFF2EA · #FA6807 · #907400 · #276518 · #580938
Tangerine takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Tangerine (#FA6807): A luminous, vivid orange — the color of autumn markets.
- Ochre (#907400): A full-bodied, balanced green — the color of a quiet forest floor.
- Olive (#276518): A full-bodied, balanced green — the color of a quiet forest floor.
- Mulberry (#580938): A deep, shadowed, balanced rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged warm.
Use it as a design system
One click turns Soft Tangerine 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
- Antique Coral Drift color palette (#FFF2ED, #FF5A64, #A66700, #525C00, #4D134E)
- Hazy Amber Workshop color palette (#FFEFDF, #D57D00, #727800, #005F41, #4B171E)
- Hushed Rust color palette (#FFF2EC, #CD4D3F, #566100, #00494F, #36186D)
- Airy Bronze color palette (#F7E4CF, #A16500, #495B00, #003D30, #2A0001)
- Quiet Emerald color palette (#FFF4DD, #B79900, #1D9016, #00635E, #581600)
- Feathered Marigold color palette (#FFE7D7, #FB9E35, #B87400, #895C00, #523B00)
- Tempered Ember color palette (#FFECE0, #DA5800, #65380F, #362113, #1A0E08)
- Softworn Corridor color palette (#FFF0FC, #FF9586, #90A500, #008493, #3A1967)
Browse the whole catalog at Explore, or see today's palette.