Misty Harbor color palette — #CAEEF1 · #F3AB00 · #FF5CDD · #4B1925 · #231F2A

A conversation between Pink Orchid and Saffron, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#CAEEF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Saffron (#F3AB00): A luminous, vivid gold — the color of old brass.
• Pink Orchid (#FF5CDD): A luminous, vivid pink — the color of a candy shop window.
• Espresso (#4B1925): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#231F2A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Optimism, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Misty Station color palette (#CFE5EE, #C2C200, #FF6CAE, #4C2420, #281E2D)
• Wisteria Field color palette (#DAE7DD, #FEA248, #BA7FF6, #42233B, #1B1C2B)
• Weathered Peony Chapel color palette (#D6F5F7, #AFAA00, #F106A6, #360F12, #130D17)
• Mallow Corridor color palette (#EDEDFF, #FFB277, #FF99C1, #704656, #291917)
• Mulberry Ridge color palette (#F9F2FC, #E976A1, #935200, #9D0055, #2C141F)
• Gentle Lagoon color palette (#DAF6DC, #00E9F3, #AB8CE9, #4E2E3D, #2E1E25)
• Dusty Pier color palette (#E3E1FF, #57EDCF, #FFA669, #5B4241, #3B3136)
• Airy Coral color palette (#FFE0E3, #EE7467, #B05000, #673C00, #423100)

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