Cobalt Harbor color palette — #FFF1F3 · #D0A1D5 · #26ACB0 · #2A8DC8 · #391F2E

Cerulean and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Mauve (#D0A1D5): A luminous, balanced pink — the color of peonies in June.
• Turquoise (#26ACB0): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#2A8DC8): A luminous, balanced blue — the color of deep harbor water.
• Onyx (#391F2E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Washed Iris color palette (#FFF2F0, #E398B3, #53A5D7, #717BCB, #3E2328)
• Weathered Cabin color palette (#FDF1F9, #A1ACEC, #50AC76, #009195, #073228)
• Sunlit Violet Courtyard color palette (#FFF2EE, #FF7F8E, #3998FE, #8A55E8, #3B1730)
• Washed Cabin color palette (#FFE7E7, #F549C5, #0092B1, #065AEB, #1F0432)
• Emerald Quarry color palette (#FEF0FB, #DD847C, #009F5E, #3F5B9C, #20131E)
• Byzantium Market color palette (#FFF2EB, #ED8E72, #7987ED, #9347B4, #34110D)
• Timeworn Lagoon Boulevard color palette (#FFF4E0, #E7BF91, #B7A363, #329671, #413C36)
• Linen Mustard color palette (#FAF5E5, #C4C370, #6EB188, #008D98, #0F3964)

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