Cobalt Harbor color palette — #FAEEF5 · #ABCDE0 · #3583B8 · #005C54 · #0F1E40

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FAEEF5): a clean, paper-quiet neutral.
• Powder Blue (#ABCDE0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#3583B8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005C54): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#0F1E40): A deep, shadowed, dusty violet — the color of wild irises.

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

• Muted Bloom color palette (#EEF7F6, #A4CBE1, #0084AD, #005E68, #123F58)
• Patina Iris color palette (#F9EFF2, #C4E0F9, #728DC4, #006B75, #232A45)
• Cobalt Pier color palette (#E3ECE2, #90B8DD, #4D65B4, #004A54, #18083A)
• Wandering Lantern color palette (#ECF2FF, #EDC5F1, #E7A2AE, #446F96, #1F1F35)
• Timeworn Navy Thicket color palette (#EEDCE5, #3C829D, #003D6A, #001F1E, #00000C)
• Tempered Indigo Garden color palette (#DCE3FF, #7E69C7, #787100, #566200, #0D102D)
• Weathered Denim Drift color palette (#EDDFE5, #74A4BC, #0058A4, #003939, #05022C)
• Dusty Indigo Hollow color palette (#DFF2FF, #6B98E6, #5D5DB6, #462A76, #2D0D38)

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