Tangerine Basin color palette — #FFF1F1 · #FFBCAB · #F47200 · #894D00 · #4F3300
A conversation between Tangerine and Coffee, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Rose Quartz (#FFBCAB): A whisper-light, balanced orange — the color of autumn markets.
- Tangerine (#F47200): A luminous, vivid orange — the color of toasted spice.
- Coffee (#894D00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#4F3300): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.
Use it as a design system
One click turns Tangerine Basin 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
- Hushed Ember color palette (#FFF1F4, #FFB0B5, #FF5543, #B04300, #522800)
- Amber Market color palette (#FFF2ED, #FFBA87, #BF7800, #7D5700, #362B00)
- Amber Canyon color palette (#F8E0D1, #C57B00, #885E00, #413500, #0B0A00)
- Worn Apricot color palette (#FFDDD5, #F78E5B, #B35F00, #6E4500, #2A1B00)
- Tempered Tangerine Loft color palette (#FFD3E1, #FFA5A0, #FA6E00, #AF7600, #4C3F00)
- Airy Balcony color palette (#FFF1F6, #E1F5A5, #CEE0CE, #FE7855, #523800)
- Misty Mustard color palette (#FFF1F6, #FFDAA2, #C7A635, #807600, #3C440F)
- Faded Bronze color palette (#FFF0F7, #FFB482, #4EBAFF, #BD5F00, #00324D)
Browse the whole catalog at Explore, or see today's palette.