Cobalt Harbor color palette — #FBD3EB · #DDBBF1 · #FF91B2 · #2B8DDC · #3B1B2A

A conversation between Azure and Ballet Pink, giving this palette its sense of trust and stability.

The five colors

• Thistle (#FBD3EB): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#DDBBF1): A whisper-light, balanced violet — the color of a velvet chair.
• Ballet Pink (#FF91B2): A luminous, balanced red — the color of late-summer berries.
• Azure (#2B8DDC): A luminous, balanced blue — the color of deep harbor water.
• Onyx (#3B1B2A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, Warmth, Comfort, Balance. Tagged pastel, light, 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

• Wandering Cornflower color palette (#EEDBDF, #FFB1D3, #FE947D, #6C7DD5, #3E1B22)
• Chalky Orchard color palette (#C6E8DD, #CBC9FF, #F886ED, #0093AB, #33172E)
• Tempered Fuchsia color palette (#E5E8FE, #D3AAF8, #D883D8, #6360AD, #311E44)
• Antique Fuchsia color palette (#F6F3FF, #F4D1E6, #DB90D9, #5859A6, #1F0411)
• Iris Courtyard color palette (#FAF2FF, #FBD1CF, #EDBB8A, #8D9AFF, #512C46)
• Softworn Amber Garden color palette (#FFDFE0, #E98D95, #E56D00, #6B4CAD, #1F000C)
• Peony Hollow color palette (#E7E8FF, #C0A6D6, #BB649B, #214283, #140425)
• Soft Wisteria Station color palette (#FFE5E2, #F0CCA7, #C5C66C, #C37DC0, #52292C)

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