Tangerine Atelier color palette — #FFD3DC · #FFA1A3 · #FD671E · #B76300 · #5B3D00

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFD3DC): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#FFA1A3): A luminous, balanced red — the color of late-summer berries.
• Tangerine (#FD671E): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B76300): A full-bodied, balanced gold — the color of old brass.
• Bronze (#5B3D00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Tangerine Atelier 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

• Ember Terrace color palette (#F7D6E8, #FF97AD, #FF6F6F, #D84F00, #5B3100)
• Tangerine Veranda color palette (#FCE3DE, #FFA577, #EA8101, #9A6A00, #423B06)
• Ancient Ember color palette (#FFF2F0, #FFAD9B, #F45C11, #A44700, #562700)
• Misty Market color palette (#F7D9CE, #E17100, #A66D00, #654F00, #232300)
• Soft Tangerine Hollow color palette (#FFEADC, #EEBD8D, #EF814F, #BC5F64, #39352F)
• Sunlit Alley color palette (#FFF2EA, #FFAF88, #5ED1FF, #E06100, #004156)
• Frosted Mustard Loft color palette (#FFE0CB, #FABD7B, #D4A400, #92852D, #44433C)
• Peony Studio color palette (#F3D0FF, #FF95F2, #FF64B5, #D83E65, #6C271A)

Browse the whole catalog at Explore, or see today's palette.