Cobalt Harbor color palette — #FAF3F8 · #93D2D6 · #0083AE · #126338 · #273B5A

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

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Ice Blue (#93D2D6): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0083AE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#126338): A full-bodied, balanced teal — the color of sea glass.
• Navy (#273B5A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Indigo Lagoon color palette (#FBF3F5, #AAC9E4, #5A70CA, #005F60, #353757)
• Timeworn Lantern color palette (#F7F1E8, #8DD6DC, #1F89A2, #005D4F, #00281C)
• Dusty Turquoise Terrace color palette (#EDF9EF, #ABDEF0, #46A3BC, #167D6C, #1A3E56)
• Weathered Pier color palette (#E7F9FF, #CDDBFE, #C197E6, #25774F, #214354)
• Ancient Workshop color palette (#CAEBF8, #008998, #B34310, #754A00, #06303E)
• Ancient Onyx Bloom color palette (#ECE0E9, #428D97, #00425F, #002414, #00012D)
• Weathered Sky color palette (#FBF3EF, #C6EBCC, #5BC0E3, #4C9E7E, #153E5D)
• Feathered Drift color palette (#D9F4FF, #009FB1, #C74743, #00626E, #562421)

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