Hazy Tangerine color palette — #F1D9E9 · #FF6F49 · #009C6C · #5653B1 · #1A0F53

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

The five colors

• Shell Pink (#F1D9E9): A whisper-light, dusty pink — the color of a candy shop window.
• Tangerine (#FF6F49): A luminous, vivid orange — the color of toasted spice.
• Fern (#009C6C): A luminous, balanced teal — the color of glacier melt.
• Iris (#5653B1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#1A0F53): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged warm.

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

• Quiet Balcony color palette (#EDDAEF, #FF6781, #0F9F26, #4956B4, #13174B)
• Antique Jade color palette (#FDECF8, #FF8D70, #00AE6F, #6563B9, #3D1948)
• Soft Grape color palette (#F4D8E5, #F27E0E, #009988, #7E39AF, #3A042B)
• Tempered Nightshade color palette (#FFE2F2, #E46300, #008765, #542BB4, #230024)
• Chalky Study color palette (#E4DEEE, #EC69CA, #868B00, #0065A6, #001F41)
• Taupe Hollow color palette (#FDD5CD, #D2B078, #8BA96A, #666C8F, #3D3559)
• Pale Hollow color palette (#FFF1F6, #FBA95C, #00B6B6, #9F649E, #3B3153)
• Powdered Aubergine color palette (#DCEFDC, #AB7400, #007083, #73006A, #130011)

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