Cobalt Harbor color palette — #FDEBDA · #BD7E3C · #5676BC · #7D4800 · #1C3265

Slate and Mustard set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FDEBDA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BD7E3C): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#5676BC): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#7D4800): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#1C3265): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Optimism, Creativity, Balance. Tagged 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

• Terracotta Meadow color palette (#FEEADF, #C5755B, #0085A9, #953001, #003C4D)
• Linen Field color palette (#F9EDD8, #AB882A, #8E5FBA, #6C5200, #402A54)
• Cobalt Garden color palette (#DDEFDD, #BB8534, #1B80CC, #744B00, #001D36)
• Periwinkle Thicket color palette (#FDEBD6, #D39C4D, #4A97F1, #996500, #14365D)
• Muted Sapphire Canyon color palette (#F8E0C6, #A66B00, #4F63C2, #64408F, #3B260A)
• Ultramarine Ridge color palette (#EEDCC6, #926200, #4343BF, #4F3300, #110D4B)
• Washed Taupe color palette (#F5E5D4, #A4975F, #7F5B34, #64352A, #31312A)
• Olive Hollow color palette (#F6F6E8, #9CBA8D, #A18EBE, #5A7F45, #63414F)

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