Cobalt Harbor color palette — #FAEBE2 · #A8CFBA · #258DD2 · #006D64 · #1A2B57

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

The five colors

• Cream (#FAEBE2): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#A8CFBA): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#258DD2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006D64): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1A2B57): A deep, shadowed, balanced violet — the color of wild irises.

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 Harbor color palette (#F9ECE4, #96D1CD, #0097AC, #00713C, #003248)
• Washed Cypress Ridge color palette (#FBF4EE, #B2E0CD, #7398C7, #007B7E, #32375B)
• Hushed Parlor color palette (#FCF2F8, #BEEEFF, #019AE9, #006B62, #0B1B43)
• Cobalt Bloom color palette (#F7EBDF, #90B6D6, #4F70C0, #005861, #1E1644)
• Pine Orchard color palette (#FFF2EB, #9AECE7, #0EAEC6, #00884B, #004662)
• Denim Parlor color palette (#F5E6D9, #6C98B6, #2B559D, #003B3F, #08002A)
• Tempered Petrol Garden color palette (#FAE3D9, #51B2BD, #007092, #004C39, #00152A)
• Washed Hollow color palette (#F8E4EB, #DA448D, #00906E, #007181, #351021)

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