Hazy Tangerine color palette — #FFF3E6 · #FFA59B · #F77000 · #718500 · #53271C

A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Melon (#FFA59B): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#F77000): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#718500): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#53271C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, 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

• Amber Atelier color palette (#FFEBD2, #FF9E70, #D28200, #508441, #352F2A)
• Blush Quarry color palette (#FFF3E9, #FF9EC5, #FF5D72, #987500, #502923)
• Ancient Marigold Terrace color palette (#FFF0E7, #F9BA84, #D5A64E, #6C9A68, #4B4E47)
• Amber Loft color palette (#F0DCBF, #E17800, #9B6C00, #00672E, #241100)
• Weathered Archive color palette (#FFE7DD, #FF6A58, #8F563F, #47403C, #1C0D08)
• Soft Terrace color palette (#FCF8C3, #FF9ACA, #D25F00, #00627B, #44161E)
• Aged Mustard color palette (#F5E5AB, #DAA900, #949400, #007D6F, #312800)
• Chalky Studio color palette (#F7F7DE, #A0E29A, #4ABF75, #B17A55, #3A3B34)

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