Tangerine Loft color palette — #FFD7E2 · #FFB2A4 · #F87E22 · #9B6F00 · #383500
Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FFD7E2): A whisper-light, dusty rose — the color of strawberry cream.
- Melon (#FFB2A4): A whisper-light, balanced orange — the color of autumn markets.
- Tangerine (#F87E22): A luminous, vivid gold — the color of old brass.
- Ochre (#9B6F00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#383500): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.
Use it as a design system
One click turns Tangerine Loft 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
- Muted Loft color palette (#FFDCCE, #FB985C, #C37000, #7B5000, #463200)
- Hazy Blush Market color palette (#FFDDFD, #FFABCE, #FF727C, #BB5D00, #452E00)
- Patina Archive color palette (#FFD8E0, #FF6A48, #A15600, #554100, #1C1B00)
- Marigold Balcony color palette (#FFE4DD, #FFB37A, #D09D00, #798800, #144300)
- Hushed Tangerine color palette (#F9E0EC, #F27C0B, #786532, #583547, #1A0C18)
- Amber Cabin color palette (#F1DFDC, #DF863F, #A37B00, #546200, #021901)
- Frosted Cobalt Thicket color palette (#E1FEE9, #FFA3A8, #DC9519, #1172D1, #5A210E)
- Softworn Moss color palette (#F0DBC7, #DCB100, #83A100, #00822F, #00352C)
Browse the whole catalog at Explore, or see today's palette.