Misty Forest color palette — #F6EAF7 · #77C0C0 · #007391 · #00541D · #0E2F51

A conversation between Deep Olive and Teal, giving this palette its sense of nature and growth.

The five colors

• Blush (#F6EAF7): A whisper-light, dusty pink — the color of neon signs at night.
• Mint Leaf (#77C0C0): A luminous, dusty teal — the color of sea glass.
• Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#00541D): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#0E2F51): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Airy Petrol Villa color palette (#FBE8F2, #66BEE0, #2A69B1, #005145, #29294D)
• Hushed Petrol color palette (#E9EADE, #9CBE9D, #007A83, #004C43, #001A1F)
• Hushed Villa color palette (#E4F2EF, #90D2D2, #0098A3, #006D61, #00343D)
• Soft Cobalt color palette (#FDF1F8, #94DAF2, #2082D7, #006855, #373A69)
• Patina Emerald color palette (#F7ECE6, #A4E0DF, #00B7D9, #009660, #00324C)
• Onyx Hollow color palette (#FCE9F6, #308E9E, #004162, #002416, #02002F)
• Washed Archive color palette (#F9F3F9, #D5D6ED, #69A2BD, #4F7A5D, #455467)
• Nightshade Veranda color palette (#FFE9F1, #339ACE, #0C38B1, #00302D, #18013C)

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