Tangerine Loft color palette — #F7D8DE · #F4989B · #E77342 · #AD5B00 · #4D3200

Built around Coral Clay, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F7D8DE): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#F4989B): A luminous, balanced red — the color of a theater curtain.
• Coral Clay (#E77342): A luminous, balanced orange — the color of toasted spice.
• Ochre (#AD5B00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4D3200): 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 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

• Weathered Field color palette (#F9DEDA, #E68F79, #CA551A, #9A4400, #562B00)
• Sunlit Amber Courtyard color palette (#FFDCD5, #F0A770, #D78A00, #997700, #3C3B00)
• Soft Rust Grove color palette (#F1D8F0, #F19FC6, #EB6B87, #C54439, #662D09)
• Ancient Rust color palette (#F8E0ED, #E1B2C2, #D28967, #AE5F61, #183823)
• Aged Bloom color palette (#FBD9DB, #ED6C52, #BD5600, #7D4C00, #281C00)
• Apricot Corridor color palette (#FFF1F7, #FABF8B, #E4922D, #9D5D00, #3A1C00)
• Ember Garden color palette (#FAE9F3, #F5AA8B, #6FC5FF, #DB5710, #003958)
• Hushed Orchard color palette (#FFF0F8, #D5F6DA, #BFE1A6, #E28A8E, #324B31)

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