Cobalt Harbor color palette — #F0F7F1 · #A7CBDF · #1F81B3 · #005F61 · #1C3C5F

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Sky (#A7CBDF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#1F81B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Navy (#1C3C5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Cobalt color palette (#F9EEF5, #9BD1E5, #447FBE, #005D4D, #161F39)
• Tempered Courtyard color palette (#F1F7F2, #C7E0F7, #6D8BBA, #006D84, #394766)
• Muted Cypress color palette (#E7F2E9, #88BBC7, #007680, #00523A, #003441)
• Lilac Alley color palette (#ECF7FF, #D8D8F5, #AC9EE6, #007F8E, #243E57)
• Turquoise Pier color palette (#CFEFED, #29A6B3, #007D99, #004E69, #252D59)
• Abyss Grove color palette (#D6E4D8, #6698A6, #00535E, #003124, #001720)
• Misty Plum color palette (#CFE9FB, #1E84B0, #A24973, #5B6000, #0D2E43)
• Aged Azure color palette (#FDF3ED, #B4E1C8, #569ADC, #007E67, #4D2F44)

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