Cobalt Harbor color palette — #DBFFEC · #DBE2F8 · #8EB3F2 · #6C79C0 · #5E3A4A

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DBFFEC): A whisper-light, dusty teal — the color of sea glass.
• Frost (#DBE2F8): A whisper-light, dusty violet — the color of wild irises.
• Sky (#8EB3F2): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6C79C0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#5E3A4A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged light, muted, cool.

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

• Wandering Boulevard color palette (#FEF0FF, #E3D5F2, #B4AFF7, #8A69A9, #603B42)
• Timeworn Cobalt color palette (#E8FCE3, #AEF2FF, #6DC5E4, #3D87B8, #5A3B55)
• Timeworn Powder color palette (#CAF6E9, #87C0FF, #6186C3, #4B5C83, #432E3E)
• Softworn Iris Station color palette (#FEF0FB, #E0D7F2, #EDC488, #7993F0, #59411B)
• Chalky Mulberry color palette (#EEF3FF, #B6BDFF, #A775E0, #8C3394, #491B3D)
• Linen Grape Boulevard color palette (#ECF7FF, #ADCAFF, #867BFF, #711ECC, #531D63)
• Tempered Workshop color palette (#FFF0F9, #E7D4D7, #A8A9E9, #6766A7, #1E2245)
• Feathered Basin color palette (#E4EBFF, #A384F1, #841EB9, #62005D, #1E000D)

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