Tangerine Harbor color palette — #FFF1F7 · #FFACAC · #E97721 · #887600 · #422700
A conversation between Tangerine and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F7): a clean, paper-quiet neutral.
- Rose Quartz (#FFACAC): A whisper-light, balanced red — the color of late-summer berries.
- Tangerine (#E97721): A luminous, vivid gold — the color of honey in a jar.
- Walnut (#887600): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#422700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, warm.
Use it as a design system
One click turns Tangerine Harbor 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
- Apricot Dune color palette (#FFECF5, #FFAAE5, #FA894F, #698A00, #281800)
- Coral Delta color palette (#FFF0FE, #FFAFE0, #F67471, #B26800, #562319)
- Hushed Study color palette (#E7FCEA, #FFB481, #BC960F, #6F8919, #3B2F00)
- Coral Field color palette (#F8D6E0, #FF6B4A, #B56B00, #565300, #231500)
- Misty Hollow color palette (#FEE7D6, #CA9140, #856500, #574C00, #1B3F18)
- Feathered Moss Alley color palette (#FFF2EA, #FFBFE4, #FFA069, #7EB021, #472700)
- Ember Thicket color palette (#D9F7E1, #DA6300, #7F6500, #3B5300, #0D0A00)
- Mustard Hollow color palette (#FFF2E9, #FFD4D1, #FFBA8F, #D6B400, #37322C)
Browse the whole catalog at Explore, or see today's palette.