Misty Pine color palette — #DFEDD8 · #5FA659 · #11843E · #005532 · #003939

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

The five colors

• Honeydew (#DFEDD8): A whisper-light, dusty green — the color of fresh herbs.
• Kelly Green (#5FA659): A luminous, balanced green — the color of fresh herbs.
• Fern (#11843E): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#005532): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Forest (#003939): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Soft Clover color palette (#DBEBD4, #83D57D, #00B846, #24945C, #034530)
• Hushed Emerald color palette (#E1E4CF, #9BBA6C, #349E4A, #00694D, #00433C)
• Patina Emerald color palette (#EAF3D9, #40A46E, #487ABA, #00683C, #19365A)
• Weathered Teal color palette (#D2FFED, #58BE9D, #00785C, #004332, #002B21)
• Hushed Thicket color palette (#EFEEE0, #9E9C33, #697600, #3E5500, #283F07)
• Powdered Pine color palette (#DEEACA, #00915D, #007899, #6D5900, #26300D)
• Antique Chestnut color palette (#F3E6D2, #A59661, #77602B, #5A3E0C, #33302A)
• Hushed Coast color palette (#E2FFDD, #79C9C9, #2E98A3, #26707D, #385746)

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