Cerulean Harbor color palette — #FFF1F6 · #E4D9D3 · #9EB1A0 · #7A88B8 · #60464C

A conversation between Slate Blue and Charcoal Brown, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#E4D9D3): bright and airy, almost weightless.
• Sage (#9EB1A0): A luminous, dusty green — the color of a quiet forest floor.
• Slate Blue (#7A88B8): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#60464C): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Creativity, Sophistication. Tagged pastel, light, muted.

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

• Washed Ash color palette (#F1F0FF, #E0D2DE, #B9AF9D, #8D8EB2, #373445)
• Softworn Cerulean Market color palette (#FDF0FE, #E8D8D7, #E3BBA8, #548D9B, #5B4854)
• Worn Garden color palette (#FFF2EF, #E1DBCF, #D1BC8C, #9A6B91, #733816)
• Wandering Fern Orchard color palette (#FBF4E8, #BFB89E, #8F7F55, #785534, #4D4A00)
• Indigo Study color palette (#FFF1F3, #FBD1C8, #F4A879, #6D57BF, #64324C)
• Muted Pewter color palette (#FBF3F3, #C8C298, #73516C, #512C31, #30221C)
• Softworn Cocoa color palette (#FEF2EE, #B97F7A, #788654, #006D73, #65280D)
• Aged Workshop color palette (#FBF3F3, #E2B2B2, #838140, #99517D, #302E27)

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