Misty Harbor color palette — #F4F8DF · #96DB9B · #A6BDF0 · #D89E97 · #414700

Pistachio and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F8DF): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#96DB9B): A whisper-light, balanced green — the color of a quiet forest floor.
• Sky (#A6BDF0): A luminous, dusty violet — the color of wild irises.
• Rosewood Mist (#D89E97): A luminous, dusty orange — the color of sun-warmed clay.
• Deep Olive (#414700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Softness, Clarity. Tagged light.

Use it as a design system

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

• Timeworn Seafoam color palette (#ECFBE4, #55E2C7, #C5B0F4, #D3A380, #3C4637)
• Weathered Sunflower color palette (#FBF6DD, #C6D165, #84C7ED, #D09EB1, #44423B)
• Aged Fern Study color palette (#F4F7E7, #B0E7E3, #BFBB96, #AFB4C6, #425A18)
• Weathered Canyon color palette (#F6F8DB, #88C475, #C591BA, #AD7C86, #42433C)
• Weathered Boulevard color palette (#FFF3E6, #EDD6B3, #D1AF8C, #A98B76, #5B4400)
• Dusty Tangerine Ridge color palette (#BEFBE2, #00D3A1, #A79BFF, #E87837, #2E322B)
• Timeworn Ridge color palette (#F1FAD6, #BAF3C6, #87C79A, #6D9979, #373932)
• Weathered Seafoam Boulevard color palette (#FFDAD9, #DBD7FF, #41F4CC, #6A7164, #2C3229)

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