Cobalt Harbor color palette — #F0F4E9 · #A9D1C6 · #567DB3 · #005678 · #111F3D

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

The five colors

• Cream (#F0F4E9): a clean, paper-quiet neutral.
• Oat (#A9D1C6): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#567DB3): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005678): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#111F3D): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hushed Balcony color palette (#F0F4E6, #81C5E9, #0079B4, #004F60, #001B34)
• Weathered Ridge color palette (#F2F3E9, #B8CEBA, #128B99, #005C55, #00252E)
• Cerulean Boulevard color palette (#E4E7D5, #4696AF, #00516C, #002B30, #00050B)
• Patina Periwinkle color palette (#EDF8F7, #BBD8F5, #6096E5, #0074A5, #293B58)
• Sunlit Fern Canyon color palette (#E9ECD4, #6FA064, #0086BB, #1D6600, #001F2F)
• Wandering Hollow color palette (#ECEBCC, #678838, #007F7E, #854A00, #0D1800)
• Dusty Harbor color palette (#F0F5DE, #C0E0CA, #73C5B0, #577B3B, #252C0A)
• Chestnut Lagoon color palette (#EFDDCC, #AD9375, #8C561E, #612E06, #221500)

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