Cobalt Harbor color palette — #FFF0F8 · #79C4DE · #006FC4 · #005748 · #2A256F

A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#79C4DE): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006FC4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005748): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#2A256F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Forest Pier color palette (#FFEFFF, #6CC9CA, #007999, #005A21, #003363)
• Cobalt Balcony color palette (#FBF0E0, #84C6E0, #007AB1, #005154, #001939)
• Muted Azure color palette (#EBFAED, #86D8F7, #0096D9, #007275, #003265)
• Washed Denim color palette (#EADDE3, #70A7C1, #285697, #003F37, #1E0F4F)
• Timeworn Cerulean color palette (#FBF2F5, #C7E0F4, #7389BC, #1A706C, #4A4165)
• Soft Periwinkle color palette (#D0FFFF, #4DDCEA, #8C9EF7, #666F00, #004341)
• Tempered Lagoon color palette (#E5DBE6, #39A19D, #005265, #033305, #001529)
• Patina Teal color palette (#B2FFF7, #00ADA3, #006863, #00382D, #00241C)

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