Cobalt Harbor color palette — #F5F3FF · #CC93D6 · #00A1AA · #0076B6 · #141936

A conversation between Cerulean and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Mauve (#CC93D6): A luminous, balanced pink — the color of a candy shop window.
• Cerulean (#00A1AA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0076B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#141936): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Airy Thicket color palette (#F9F2FF, #E47CAC, #009ECF, #5869C8, #1E1932)
• Pale Pier color palette (#F2F5FF, #A09EF5, #00AF7A, #00858F, #051C34)
• Ultramarine Balcony color palette (#ECE3F5, #C4549D, #007898, #1433D4, #12001C)
• Amethyst Orchard color palette (#FCEDFF, #FF6082, #008BE1, #7228FB, #2E0024)
• Timeworn Lantern color palette (#FBF2F9, #E9AFAE, #86A6D7, #8D76B4, #3D3246)
• Linen Ridge color palette (#FFF2F0, #E96F9B, #007F5A, #333E86, #1E0705)
• Feathered Jade Thicket color palette (#E4F7EF, #B0BA63, #3DAA78, #007F8A, #002C54)
• Pale Market color palette (#FFE3EF, #D97E35, #8A6AD5, #A62289, #1E071D)

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