Cerulean Harbor color palette — #F6F0F4 · #DDD5D3 · #B7B0A3 · #7381AB · #3A3439

Slate Blue and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Silver (#DDD5D3): a clean, paper-quiet neutral.
• Ash (#B7B0A3): soft and architectural.
• Slate Blue (#7381AB): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#3A3439): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Antique Boulevard color palette (#F8F0F0, #DBD6D1, #C0BCAF, #976087, #33292A)
• Softworn Ash Workshop color palette (#F2F5FB, #DDD8DF, #BDAEB0, #889CC0, #4F5359)
• Washed Workshop color palette (#ECF6E4, #81B4CB, #816E9B, #006149, #362537)
• Timeworn Amethyst Field color palette (#F9EEF3, #E1D3CD, #D6B7AF, #744DC6, #311E28)
• Dusty Driftwood Corridor color palette (#F7F1E9, #C9C4A9, #7D8A45, #7C5656, #33312A)
• Patina Aubergine Delta color palette (#E7DBDD, #BEAFAC, #A28776, #6C126F, #190307)
• Ancient Orchard color palette (#FAE8EE, #8E76AD, #4A3534, #29191F, #100A0F)
• Tempered Garnet color palette (#FCECEB, #AF9B92, #A27039, #640042, #0C0102)

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