Hazy Tangerine color palette — #E3DED1 · #FF7442 · #AB8700 · #007F53 · #0D0D00

Tangerine takes the lead with Mustard close behind in a set that reads as optimism and balance at first glance.

The five colors

• Bone (#E3DED1): a clean, paper-quiet neutral.
• Tangerine (#FF7442): A luminous, vivid orange — the color of toasted spice.
• Mustard (#AB8700): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007F53): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#0D0D00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Antique Amber color palette (#EEEADC, #DC8B00, #889100, #007969, #010C00)
• Misty Apricot color palette (#DCF9E4, #FF8F46, #B19A00, #008753, #010100)
• Frosted Terrace color palette (#FBE8D5, #FF7483, #C46D00, #527A00, #150B00)
• Aged Amber Garden color palette (#D8E8DE, #BB8700, #827800, #3F5200, #101000)
• Washed Basalt color palette (#FADEC6, #8D8E47, #32745B, #4F2559, #250B2C)
• Sunlit Mustard color palette (#F6FAC7, #FFBE83, #C4B200, #00A871, #283200)
• Hushed Lantern color palette (#F1F0E1, #509564, #006152, #5B2325, #001505)
• Petrol Courtyard color palette (#F4E7E0, #6FAFAE, #007287, #004D2E, #001624)

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