Misty Tangerine color palette — #FFF0F9 · #F96800 · #498B00 · #005F78 · #421C54

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Tangerine (#F96800): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#498B00): A full-bodied, vivid green — the color of fresh herbs.
• Peacock (#005F78): A full-bodied, balanced blue — the color of open sky before noon.
• Royal Purple (#421C54): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Chalky Summit color palette (#FFF1F6, #DE8200, #008E56, #00569C, #52143B)
• Dusty Drift color palette (#FEF0FF, #FF5677, #7D7D00, #00616A, #3B1E5C)
• Linen Meadow color palette (#F1DAE4, #C96900, #257700, #004A5E, #2C0846)
• Washed Scarlet color palette (#FFF0FC, #DD352B, #006B42, #05378F, #301663)
• Timeworn Dune color palette (#FFF4DD, #CBAD00, #059833, #005D5E, #00233E)
• Aged Mustard Lantern color palette (#FFE6DD, #E3B26E, #999B5B, #4B6F84, #374A69)
• Frosted Navy color palette (#E4F0E5, #9A6A00, #006150, #1D2579, #29000B)
• Linen Indigo color palette (#FFF2EE, #FF9396, #00B56D, #6D52F2, #2D1C72)

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