Cobalt Harbor color palette — #FBE9F2 · #83D1EC · #478ACD · #006E5A · #262855

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FBE9F2): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#83D1EC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#478ACD): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#262855): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Antique Forest color palette (#F5EBF5, #79D7D2, #0095B4, #296F2A, #033052)
• Periwinkle Parlor color palette (#FCF2F6, #B2DAF6, #6B96DA, #257B71, #39345A)
• Timeworn Harbor color palette (#FFF2EA, #C1EEFF, #3B98E0, #006A64, #0A174D)
• Quiet Indigo Chapel color palette (#F1DCE3, #75B8EF, #5567D9, #00595A, #27133F)
• Petrol Terrace color palette (#EDF0E2, #87BACE, #0A719A, #004E59, #00314E)
• Dusty Boulevard color palette (#FBF2FB, #9CECE5, #00ADCE, #4B8145, #134367)
• Powder Atelier color palette (#FBF2F6, #D9D4E4, #97B3DA, #638F96, #4C5265)
• Iris Grove color palette (#E7E6FF, #9485FF, #26935A, #587300, #1E193D)

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