Cobalt Harbor color palette — #FAF4EE · #A5D0BE · #5878AF · #006158 · #3A335D

Slate takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Pistachio (#A5D0BE): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#5878AF): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#006158): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#3A335D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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 color palette (#FFF2EB, #7EC4D8, #0072BA, #005844, #24286D)
• Chalky Forest color palette (#FFF2EE, #91DEDC, #008DAF, #006C21, #1A4269)
• Sunlit Denim Boulevard color palette (#D5E8E6, #00B2C5, #007B9F, #0B4C8F, #363163)
• Hushed Cypress Terrace color palette (#E0FDEF, #CED1FF, #D7A6CC, #2B786C, #4F3B4D)
• Tempered Cypress Meadow color palette (#FBF4EF, #CBE6E6, #809BC1, #3A7C71, #644959)
• Aged Onyx Studio color palette (#F3E5DF, #359FAE, #005073, #00321E, #010A41)
• Feathered Cobalt Station color palette (#C2F1E2, #0080C5, #965E06, #615500, #063329)
• Tempered Navy Canyon color palette (#EBE3DA, #5886A6, #1F3381, #002221, #0E0024)

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