Misty Tangerine color palette — #F5D8D1 · #FF9B7A · #F96D05 · #B86427 · #512C09

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F5D8D1): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FF9B7A): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#F96D05): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B86427): A full-bodied, balanced gold — the color of old brass.
• Espresso (#512C09): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

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

• Rust Archive color palette (#F7DBDF, #F98B85, #C95A00, #8C4D00, #503B0D)
• Apricot Hollow color palette (#FFDCC5, #FDB77A, #EB9019, #AF8038, #554019)
• Worn Courtyard color palette (#F4E2EB, #E2B897, #DA8551, #A36953, #422731)
• Tangerine Market color palette (#FFE3D9, #EF7200, #B15F00, #794700, #331D00)
• Ember Delta color palette (#FBE8F3, #FFA57D, #CE91FF, #E66419, #412855)
• Timeworn Blush color palette (#FFE6ED, #FC8DA8, #FE6080, #BB5459, #552925)
• Rust Hollow color palette (#F4E1E6, #D26A69, #AD4D1A, #553300, #241F00)
• Feathered Lime color palette (#FED9E5, #F19605, #72BC2B, #DF688F, #3F202C)

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