Soft Tangerine color palette — #FFF1F7 · #FFBFBF · #F06C22 · #775300 · #292500
Tangerine and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Rose Quartz (#FFBFBF): A whisper-light, dusty red — the color of embers at dusk.
- Tangerine (#F06C22): A luminous, vivid orange — the color of autumn markets.
- Coffee (#775300): A full-bodied, balanced gold — the color of old brass.
- Onyx (#292500): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Weathered Amber Villa color palette (#FFD2CF, #E18333, #7C5D00, #343000, #010300)
- Hushed Pier color palette (#FFF1F1, #FFBA9E, #BC7D00, #5C5200, #1C2500)
- Antique Tangerine color palette (#FFE6E2, #FF6E2C, #A65100, #613500, #2A1900)
- Dusty Rose Corridor color palette (#FEF0FF, #FFBEE2, #ED576E, #A03A00, #362100)
- Weathered Tangerine color palette (#FFE1DA, #FFB295, #F67D18, #AE6500, #4A2E00)
- Weathered Amber color palette (#FDE3D6, #B78000, #595000, #0E2400, #000201)
- Patina Ember Bloom color palette (#FFF0F8, #E56700, #4B390D, #280C00, #040004)
- Dusty Terrace color palette (#FFF2EE, #E7E0B5, #BFA347, #5A7000, #003A12)
Browse the whole catalog at Explore, or see today's palette.