Tangerine Quarry color palette — #FFF2ED · #FFD2DD · #FFAEAC · #F5793D · #5A1A15

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFD2DD): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#FFAEAC): A whisper-light, balanced orange — the color of autumn markets.
• Tangerine (#F5793D): A luminous, vivid orange — the color of toasted spice.
• Espresso (#5A1A15): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Softness, Clarity. Tagged candy, vibrant, light, warm.

Use it as a design system

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

• Dusty Garden color palette (#FFF0FC, #E7DAD6, #FF955A, #AEB59F, #4F110A)
• Timeworn Ridge color palette (#FFF2EA, #FFBEB8, #FF996D, #CA8012, #332E29)
• Blush Chapel color palette (#FFF2F0, #FFC7F6, #FF9ACB, #FF667D, #562234)
• Hushed Balcony color palette (#F5DACF, #FF8D3D, #C56C00, #925700, #593700)
• Chalky Corridor color palette (#ECDCD5, #F22B1A, #6B3403, #362016, #1C0D08)
• Honey Terrace color palette (#FFF3E6, #EBD9BA, #FFC278, #C7A855, #45403A)
• Dusty Field color palette (#F6D8C0, #FF8261, #E67B00, #946700, #210F00)
• Linen Mustard color palette (#FFF4E0, #FFBD6F, #DDB100, #919A00, #332A00)

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