Cobalt Harbor color palette — #FBF2F7 · #A6CBDF · #0080BD · #006156 · #293B56

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Sky (#A6CBDF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0080BD): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
• Navy (#293B56): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Sunlit Dune color palette (#FDF2F6, #98D7FC, #097BF4, #006669, #373B66)
• Tempered Chapel color palette (#F1F3E6, #9AD1E3, #0588B0, #005A62, #002436)
• Azure Alley color palette (#EAF9F7, #A3DFF3, #3CA2CA, #007A85, #1C3E56)
• Ultramarine Dune color palette (#F8EBEE, #88B7E0, #3C5DCB, #004E58, #2D2651)
• Muted Garden color palette (#EAF8FF, #BBD7FF, #C2AAE8, #267A72, #32475B)
• Dusty Bloom color palette (#F0E0E8, #52899D, #003F68, #002320, #01012D)
• Dusty Bronze color palette (#DEF3FC, #009FB1, #A26C00, #00626E, #4A2F00)
• Rust Canyon color palette (#C8EAFF, #0086A9, #B83D0C, #844B00, #102F3F)

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