Cerulean Harbor color palette — #EFF7F4 · #DFD4D0 · #AAA593 · #6295BB · #3E4B47

Slate Blue and Taupe set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#DFD4D0): a clean, paper-quiet neutral.
• Taupe (#AAA593): A luminous, dusty green — the color of new leaves after rain.
• Slate Blue (#6295BB): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#3E4B47): quiet, heavy and certain.

Feels like: Trust, Stability, 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 Cerulean color palette (#F0F7F2, #D3DCDE, #CFC0C1, #5B9BA6, #424A44)
• Washed Coast color palette (#FDF2F6, #E5D6D0, #CFBCA9, #8E75C7, #4B3A42)
• Ancient Pier color palette (#DDFCEB, #E1BCD6, #AF9292, #7B7930, #535100)
• Iris Dune color palette (#FAF6E1, #67BFDB, #8C79BA, #626930, #23443D)
• Worn Cocoa color palette (#FCF3EC, #D2C496, #84976B, #896671, #563E00)
• Washed Lagoon color palette (#F8EAF2, #B49EA2, #9B7E7A, #41387F, #13040D)
• Weathered Archive color palette (#F3DDEC, #7A89D4, #62434A, #362933, #121B17)
• Antique Study color palette (#E9FAEE, #2DB8CD, #B36576, #3F6A39, #22411E)

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