Cobalt Harbor color palette — #FCF3ED · #A7D0BD · #417BB7 · #00605E · #4B3045

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Pistachio (#A7D0BD): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#417BB7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#4B3045): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Cerulean Atelier color palette (#FBF3F0, #92D2D3, #0086A1, #006340, #183E57)
• Chalky Cornflower color palette (#FDF3EA, #A3D4FF, #5577DF, #006571, #3F366A)
• Wandering Cobalt Meadow color palette (#EAF4F3, #9CD0E9, #1A84BB, #005969, #02223B)
• Turquoise Alley color palette (#D0E3E1, #00A6BA, #007D9F, #004F85, #2A3D63)
• Patina Corridor color palette (#DCFFF1, #D1E2FF, #C893E1, #167E7F, #523C52)
• Cypress Corridor color palette (#FAF4F0, #C7EBE9, #769EC1, #317C76, #5F4B5B)
• Worn Cerulean color palette (#EFF8F1, #C3E6FD, #72B9F2, #009EAA, #223A61)
• Faded Rust color palette (#DBF6EB, #2CA8E4, #AA4900, #005E85, #54270C)

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