Misty Harbor color palette — #FDF3EF · #BCEBF2 · #00B7E3 · #348142 · #3C243F

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

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Frost (#BCEBF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00B7E3): A luminous, balanced blue — the color of open sky before noon.
• Olive (#348142): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#3C243F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, 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

• Quiet Sky color palette (#FFF2EC, #D4D9EB, #49B8FF, #008C64, #243160)
• Ancient Azure Courtyard color palette (#FBF3EE, #C0EEFF, #4995E4, #006C59, #191741)
• Aqua Courtyard color palette (#ECF9EF, #A9EFEE, #53C4D6, #579B84, #1D3F52)
• Timeworn Delta color palette (#FFF1F7, #AE8FFE, #00B17B, #009281, #2A121E)
• Wandering Archive color palette (#FEF1F9, #A3CDD9, #29859A, #03633D, #073F5C)
• Dusty Parlor color palette (#F5E9E4, #5FB1B5, #005D7A, #002E12, #000105)
• Weathered Periwinkle color palette (#FFF1F4, #E3D9D2, #99B8B3, #6D98D4, #422627)
• Ancient Cobalt Lagoon color palette (#FFF2ED, #7DDDE8, #0085B6, #005532, #00082B)

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