Cobalt Harbor color palette — #F2F4FF · #CDF2C3 · #7A6BA9 · #3A3255 · #0D0E1A

Slate and Honeydew set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Honeydew (#CDF2C3): A whisper-light, dusty green — the color of new leaves after rain.
• Slate (#7A6BA9): A full-bodied, balanced violet — the color of wild irises.
• Navy (#3A3255): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0D0E1A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Weathered Boulevard color palette (#EFF6FF, #FFDFBF, #4777BB, #233958, #08101A)
• Washed Driftwood color palette (#F5F4FD, #ECFEC9, #A073A5, #47425B, #1C1A23)
• Denim Market color palette (#FAEEF5, #91C294, #4C4E84, #371E2F, #140810)
• Misty Plum Basin color palette (#F9F2FF, #D6E36E, #AB377D, #520C39, #0B0413)
• Misty Moss color palette (#F0F5FF, #91AFFF, #90AA49, #257F91, #1C2534)
• Ash Hollow color palette (#FFF1F4, #FFC6B5, #A887B2, #785961, #2A1E21)
• Tangerine Quarry color palette (#F3F4FD, #F0D2EA, #EA7A3D, #9974CC, #1C0C16)
• Worn Coral Summit color palette (#E2FCF0, #ECB6F1, #CE7473, #00707E, #372D41)

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