Cobalt Harbor color palette — #D7EECC · #69C7D0 · #099DC7 · #2174B9 · #36446F

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

The five colors

• Honeydew (#D7EECC): A whisper-light, dusty green — the color of new leaves after rain.
• Aqua (#69C7D0): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#099DC7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#2174B9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#36446F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.

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

• Faded Teal color palette (#D1EFC8, #80D1B6, #00A9A0, #007992, #1C4B6C)
• Lapis Garden color palette (#D2F2D6, #78C5ED, #6295DD, #5B5BBA, #503C65)
• Turquoise Ridge color palette (#B9EDFE, #43C1DC, #0086A7, #03618F, #2C4562)
• Linen Coast color palette (#D8FFF4, #26EDF4, #41B7EC, #4678A9, #344363)
• Quiet Lapis color palette (#C8EAE8, #00B6E8, #0079C7, #3119F7, #401879)
• Denim Orchard color palette (#D9FFF3, #9ED1FC, #5B93D1, #00639C, #00304E)
• Marigold Quarry color palette (#EDF9F0, #73C6D5, #CF9A3B, #0091A2, #593C00)
• Softworn Navy Harbor color palette (#D0E5E1, #008D9A, #005D83, #002C7A, #10003D)

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