Cobalt Harbor color palette — #FAF2FE · #EFA6BA · #7CB067 · #6576C6 · #502747

A conversation between Periwinkle and Jade, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF2FE): a clean, paper-quiet neutral.
• Ballet Pink (#EFA6BA): A luminous, balanced red — the color of a theater curtain.
• Jade (#7CB067): A luminous, balanced green — the color of new leaves after rain.
• Periwinkle (#6576C6): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#502747): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Patina Market color palette (#FDF1F8, #ECBAA7, #7CB996, #8D7ABA, #57364B)
• Dusty Cornflower Villa color palette (#FFF1F7, #E9B08C, #8AAD60, #5277D4, #5A2710)
• Chalky Taupe color palette (#F5F3FF, #DAAAE1, #BA9C44, #008BA8, #4A2853)
• Patina Hollow color palette (#FFF0F8, #FF9A5B, #00B28C, #7B4CEE, #551B00)
• Soft Orchid color palette (#EDF9EE, #E3B670, #39B0CA, #9F61AA, #4F274B)
• Antique Ultramarine Summit color palette (#F4E1F4, #FF7681, #35A500, #0256E9, #490018)
• Driftwood Terrace color palette (#F0F7F1, #B2E1CE, #95B78E, #AF7F9A, #2B4A3E)
• Lagoon Station color palette (#F8F5EA, #A5AB62, #389370, #00697C, #26365F)

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