Cobalt Harbor color palette — #F8EAE3 · #95BDA0 · #007DB3 · #005C3C · #0D1B46

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EAE3): a clean, paper-quiet neutral.
• Sage (#95BDA0): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#007DB3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C3C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#0D1B46): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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

• Cobalt Chapel color palette (#F4E7DC, #82B9DC, #4E70C1, #005955, #231343)
• Wandering Cobalt Bloom color palette (#F9ECE2, #A7CFBA, #4589D2, #006E5B, #272659)
• Frosted Dune color palette (#FFF0FB, #93D9E5, #0083BC, #005437, #01062E)
• Patina Denim Alley color palette (#E9F1EA, #77A7BA, #00617A, #003F38, #002236)
• Hushed Atelier color palette (#F9DDCE, #D25D42, #008395, #962000, #001F25)
• Tempered Powder Loft color palette (#FCF3F0, #C0E3E7, #7FBCD0, #6F916E, #2C534A)
• Antique Drift color palette (#FFF2EC, #ACE6F5, #57A2DE, #008665, #303B6E)
• Gentle Studio color palette (#FFEBE2, #BB4F00, #007688, #25567A, #230900)

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