Misty Tangerine color palette — #FFF3E2 · #FF7D3D · #8C7F00 · #3C4EB4 · #4C2D06

Tangerine and Cobalt set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Tangerine (#FF7D3D): A luminous, vivid orange — the color of autumn markets.
• Olive Leaf (#8C7F00): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#3C4EB4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#4C2D06): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

Use it as a design system

One click turns Misty 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

• Feathered Olive color palette (#FDEBD8, #D3924F, #698300, #5E4193, #34302A)
• Pale Boulevard color palette (#FFF4DD, #FF738D, #AE6D00, #006094, #55251B)
• Powdered Apricot color palette (#DEFFE5, #FFA85F, #998600, #006180, #392300)
• Quiet Mustard Pier color palette (#FFF4E1, #FFA596, #B2AA19, #566BC2, #522900)
• Aubergine Harbor color palette (#FFF3E8, #C8A400, #179E4F, #772C8D, #353903)
• Grape Meadow color palette (#FFF2EB, #F7692B, #008B7A, #6B27B0, #3C1864)
• Airy Amber color palette (#FFF4DD, #BF7B00, #735E00, #00533A, #483100)
• Patina Moss color palette (#FFE7D7, #DCC083, #7BA159, #70668D, #574569)

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