Cobalt Harbor color palette — #FDF3ED · #B1CDBE · #477BB4 · #006151 · #34355F
A conversation between Slate and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF3ED): a clean, paper-quiet neutral.
- Pistachio (#B1CDBE): A whisper-light, dusty teal — the color of glacier melt.
- Slate (#477BB4): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006151): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#34355F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Navy Dune color palette (#FFF2ED, #75C6D4, #0076AB, #00593B, #152974)
- Dusty Cobalt color palette (#ECF4ED, #A5CEE6, #1684BD, #005B5E, #0A213A)
- Hushed Studio color palette (#F9F4EF, #C6E4DB, #7786C3, #007072, #603B4A)
- Indigo Quarry color palette (#F4EEDE, #979046, #7C67BF, #605800, #382961)
- Hushed Denim Cabin color palette (#EDDED9, #5F9B9E, #00516C, #003216, #001232)
- Hushed Canyon color palette (#FEF1F8, #B0EBFF, #73B7FB, #4A9D87, #33375B)
- Hushed Navy Veranda color palette (#E6DCD5, #59879E, #003783, #00231E, #0A0028)
- Ultramarine Pier color palette (#E9DFD8, #77A5C2, #264DB3, #003E3B, #230F49)
Browse the whole catalog at Explore, or see today's palette.