Cobalt Harbor color palette — #F3F7EB · #9FD1C2 · #4D7BAF · #005B7B · #243A60

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Pistachio (#9FD1C2): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#4D7BAF): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005B7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#243A60): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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 Cobalt Summit color palette (#F8F0EA, #ACD1C5, #617AB2, #005A64, #1F1940)
• Patina Petrol color palette (#EEF0E5, #7BBDCB, #00748D, #004F51, #003345)
• Softworn Meadow color palette (#FDF2F6, #BED8EF, #7193DF, #007A86, #38345C)
• Antique Cypress Meadow color palette (#F5F6EE, #C9E5CE, #5595A3, #00716D, #2D503E)
• Antique Navy color palette (#E7ECDE, #5984AF, #00387E, #002030, #01002F)
• Worn Violet color palette (#FFD9E3, #965FB1, #A64C50, #0C5E9A, #3F212A)
• Timeworn Stone Studio color palette (#FFF1F3, #FDCBF4, #D69CB5, #745E8A, #57393E)
• Faded Courtyard color palette (#EBECFC, #9283D9, #7150AA, #583278, #4F243F)

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