Cobalt Harbor color palette — #BCF3E2 · #00997D · #007DB8 · #686500 · #001E16

Built around Cerulean, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Honeydew (#BCF3E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#00997D): A luminous, balanced teal — the color of sea glass.
• Cerulean (#007DB8): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#686500): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#001E16): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Gentle Sapphire color palette (#DDEFF4, #008D90, #3D6AC3, #42680B, #00171E)
• Timeworn Emerald Delta color palette (#C3F4C3, #029E29, #008495, #805900, #001F03)
• Feathered Amethyst Meadow color palette (#C4ECFF, #008FBB, #814FE0, #00744E, #001A2A)
• Sunlit Teal Lantern color palette (#C9FFF2, #00C8AD, #007B6B, #00443B, #001511)
• Periwinkle Atelier color palette (#E9F3FF, #639FE9, #A77AB1, #4B847F, #1D2835)
• Indigo Veranda color palette (#DEF4CB, #009676, #7657D2, #974600, #003A2C)
• Weathered Byzantium color palette (#CFE7FC, #0078B9, #8F00CE, #006051, #00101E)
• Aqua Courtyard color palette (#CAFFF1, #AAE7FF, #18DBF3, #108965, #02343C)

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