Quiet Cobalt Harbor color palette — #F0F5FF · #E6DAFF · #DC94D0 · #266CBD · #170738

Royal Blue takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Thistle (#E6DAFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#DC94D0): A luminous, balanced pink — the color of neon signs at night.
• Royal Blue (#266CBD): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#170738): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

Use it as a design system

One click turns Quiet 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

• Ancient Lapis Field color palette (#F3F4FF, #FED0FB, #F595AF, #5958BB, #1B0023)
• Timeworn Mallow color palette (#EDF6FF, #C7DAFF, #C1A3F1, #006E81, #000D22)
• Dusty Blush color palette (#E3ECFC, #DFB7FA, #FE90AC, #0094AE, #1D1C3F)
• Feathered Wisteria color palette (#DDE5F7, #BF9AED, #C06B7B, #005A6C, #0F0C2C)
• Timeworn Lilac Grove color palette (#FBDEF2, #B59CF8, #B069AD, #1D4B7B, #3B1E2F)
• Wandering Indigo Boulevard color palette (#F4F4FF, #EDD8DD, #DDBE9D, #7E72EE, #4A1B4B)
• Tempered Aubergine Loft color palette (#E6E0FC, #D69DB2, #C26960, #571C89, #040002)
• Peony Lantern color palette (#FAF2FF, #E9DAD4, #FFB992, #B064AB, #431620)

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