Misty Harbor color palette — #FFF3E8 · #8ED6FF · #4675D5 · #00524C · #0F0328

A conversation between Sapphire and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Sky (#8ED6FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Sapphire (#4675D5): A full-bodied, balanced violet — the color of wild irises.
• Forest (#00524C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#0F0328): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, 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

• Cobalt Summit color palette (#FFF2EC, #6FDFEC, #0084B6, #005532, #000630)
• Violet Loft color palette (#DFDDFF, #8C6DFF, #006E1B, #005446, #02000B)
• Aqua Coast color palette (#FBEAE4, #5BCBCB, #007290, #004116, #000209)
• Antique Market color palette (#D2EAE8, #96C7E5, #1899E9, #007995, #001F40)
• Tempered Cerulean color palette (#FFF2EE, #AAF6F2, #00A2C4, #366A37, #001F3B)
• Timeworn Field color palette (#E4E7DA, #7DA796, #005D90, #003745, #000B1C)
• Ancient Drift color palette (#F4F4FF, #FFC4F5, #F6A885, #3775A0, #220C2B)
• Chalky Lantern color palette (#F2E1D5, #3DAFDF, #0D50A9, #002C26, #010009)

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