Cobalt Harbor color palette — #FFF0F8 · #A7D5F0 · #4F7CD3 · #006760 · #40366B
A conversation between Azure and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Powder Blue (#A7D5F0): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#4F7CD3): A full-bodied, balanced violet — the color of wild irises.
- Pine (#006760): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#40366B): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Cypress Harbor color palette (#FAF3F8, #C9E0ED, #618FB8, #00735A, #394765)
- Cobalt Veranda color palette (#F8F1E6, #9CD9FA, #1788D8, #00616B, #0A2150)
- Misty Sapphire Alley color palette (#FFF1F7, #8BBEE3, #4160D9, #005654, #3A2165)
- Frosted Azure Cabin color palette (#EDF9EF, #B0E3FF, #2DA1FA, #00818D, #283F69)
- Patina Abyss color palette (#EEE3EE, #508C90, #00425B, #002410, #000720)
- Navy Corridor color palette (#ECDDE5, #5D98B1, #00488E, #003129, #130043)
- Feathered Powder Drift color palette (#FFF3E9, #C4EBFF, #88B8FF, #19A796, #3D3869)
- Faded Studio color palette (#D9FEFF, #BFDFF9, #AFB1FF, #558500, #115457)
Browse the whole catalog at Explore, or see today's palette.