Chalky Harbor color palette — #ABF8FF · #31C3FC · #0089DA · #0023D1 · #251763

Cobalt and Azure set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#ABF8FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#31C3FC): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0089DA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#0023D1): A full-bodied, vivid violet — the color of wild irises.
• Deep Indigo (#251763): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

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

• Sunlit Corridor color palette (#DCF5FF, #5FB9FF, #1771F9, #4A00D7, #350B5D)
• Hushed Navy Garden color palette (#D8EFF6, #00A3E1, #00629F, #00398D, #192272)
• Nightshade Pier color palette (#CAF4F4, #0093B7, #00679E, #1606B1, #21004A)
• Antique Aqua color palette (#B9FFF7, #00D2E5, #0089B3, #00507C, #04175B)
• Sapphire Atelier color palette (#F1F5FF, #B5C7FF, #356EFF, #002EA9, #010025)
• Nightshade Summit color palette (#D7F2FF, #0075B9, #1200C2, #0F0039, #020005)
• Feathered Iris color palette (#EBF7FF, #B7D1FF, #777CFF, #7747BE, #432053)
• Airy Lantern color palette (#EEF6FF, #71B8FF, #CD8D06, #006BB9, #2B1B00)

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