Misty Pine color palette — #DFFAE7 · #FF9878 · #A68900 · #00833A · #2C2A00

Fern and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DFFAE7): A whisper-light, dusty teal — the color of sea glass.
• Melon (#FF9878): A luminous, balanced orange — the color of toasted spice.
• Mustard (#A68900): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#00833A): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#2C2A00): 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 Pine 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

• Quiet Apricot color palette (#DFF8EB, #FD8C27, #9F9300, #007B65, #1A2600)
• Amber Boulevard color palette (#F5E8CC, #D7A344, #AF9300, #5E7300, #141100)
• Patina Veranda color palette (#FFEAF2, #FF7D8C, #DC7900, #626800, #352100)
• Hushed Amber color palette (#C7E8DB, #DD7900, #838200, #006953, #061900)
• Softworn Moss Bloom color palette (#F8EACA, #8B8F00, #4B6A00, #00490E, #003322)
• Misty Moss color palette (#DCFBF6, #D5B300, #4DAE30, #007E7D, #002F1F)
• Lime Coast color palette (#E5FBF3, #FFCE7D, #A7C86A, #00978C, #2B482A)
• Tempered Basalt Veranda color palette (#FDE1C8, #A6A06F, #416E6C, #494364, #45254D)

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