Cobalt Harbor color palette — #FFF3E3 · #F8B0C1 · #C59D5B · #657DC8 · #433B38

Periwinkle and Camel set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ballet Pink (#F8B0C1): A whisper-light, balanced red — the color of late-summer berries.
• Camel (#C59D5B): A luminous, balanced gold — the color of honey in a jar.
• Periwinkle (#657DC8): A luminous, balanced violet — the color of wild irises.
• Charcoal (#433B38): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, muted.

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

• Weathered Ridge color palette (#FFF3E8, #F8C3AB, #A5B779, #8C83B9, #4C4741)
• Airy Chapel color palette (#F9F6DF, #DFB5F1, #E18978, #2A8FAB, #563132)
• Worn Amber Archive color palette (#FFF4E2, #FFB99B, #B28B34, #007082, #36302B)
• Wandering Plum color palette (#FFE9E1, #D3B85A, #3FAD8C, #A05398, #31312A)
• Chalky Grape color palette (#FFDEBE, #FF8A79, #A39A17, #6533E4, #411F00)
• Misty Mulberry color palette (#FBD5C3, #D99F2F, #2FA968, #8F2997, #272600)
• Weathered Parlor color palette (#EEE2D8, #E49649, #826E24, #6A3E00, #201511)
• Washed Mulberry color palette (#FFEBE5, #A79B00, #008A79, #90196E, #0B1B00)

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