Muted Cobalt Harbor color palette — #F8EFF2 · #ABCCE6 · #5F7AB5 · #005C57 · #22193B

A conversation between Slate and Peacock, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Sky (#ABCCE6): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5F7AB5): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005C57): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#22193B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Lantern color palette (#FFEBF7, #7BC8E2, #0073C9, #005344, #14074E)
• Dusty Study color palette (#F0F7F2, #ADC9E0, #447ABB, #005D6D, #293765)
• Patina Forest Chapel color palette (#F6EFF7, #A6D0DA, #008AA6, #225E1F, #00223D)
• Aged Balcony color palette (#E5DCEB, #B25B7F, #007D89, #225D7E, #1C0B25)
• Petrol Lantern color palette (#FCF4E8, #C4E5F8, #7DA9DF, #0A7C8F, #40233B)
• Denim Field color palette (#EFE1EB, #4497A7, #004E76, #002D1E, #01001E)
• Softworn Navy Basin color palette (#F1DEE4, #537D9D, #202A8F, #001F1F, #020007)
• Softworn Archive color palette (#F8EDFF, #F2C6DD, #C5B973, #775A95, #351B32)

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