Misty Tangerine Harbor color palette — #F2F0DE · #FC7827 · #8A9A00 · #008985 · #000601

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

The five colors

• Cream (#F2F0DE): A whisper-light, dusty green — the color of new leaves after rain.
• Tangerine (#FC7827): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#8A9A00): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008985): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000601): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Muted Moss color palette (#E2E2C7, #D88900, #4DA800, #0084A0, #000602)
• Blush Basin color palette (#F3E1C9, #FF7983, #B68700, #008C59, #050500)
• Softworn Amber Archive color palette (#EAE1B5, #C49700, #7F8B00, #007051, #000200)
• Aged Olive Market color palette (#FCEDDF, #998935, #407100, #673D14, #090500)
• Tempered Orchard color palette (#CBEAE0, #B06800, #5F6600, #004F40, #000200)
• Muted Clover color palette (#E1EDD5, #E2C206, #00CF79, #0097E2, #001E1E)
• Olive Dune color palette (#E7E6CF, #518E00, #00713D, #004338, #00090A)
• Airy Indigo color palette (#E6EEE1, #9EC807, #00BEA8, #4E71FD, #000A0C)

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