Cerulean Harbor color palette — #F8F5E7 · #DCC5F4 · #D59E9A · #4796BC · #5A4042

Built around Cerulean, softened by Lilac Frost — the whole palette hums with trust and stability.

The five colors

• Cream (#F8F5E7): bright and airy, almost weightless.
• Lilac Frost (#DCC5F4): A whisper-light, dusty violet — the color of a velvet chair.
• Rosewood Mist (#D59E9A): A luminous, dusty orange — the color of toasted spice.
• Cerulean (#4796BC): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#5A4042): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Sophistication. Tagged retro, 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

• Weathered Cocoa Lantern color palette (#FDF4E8, #F6BFCB, #C6AA7B, #7789C3, #703512)
• Ash Cabin color palette (#FFF1F5, #E9D4D0, #D4B5AE, #84AC9E, #604752)
• Wandering Taupe Study color palette (#FCF4E8, #FFCDDD, #D48D79, #487F6A, #4D3A35)
• Cobalt Ridge color palette (#FBECD7, #F49CB7, #C48B26, #4D6FC7, #362F2B)
• Worn Cabin color palette (#FAF5EB, #DFE0C8, #8CC4AC, #B38E99, #535000)
• Pale Tangerine Veranda color palette (#FFF4DC, #F59DE9, #FC7C2B, #0074CC, #591C33)
• Hushed Bronze Station color palette (#FBEFEB, #EC9EA3, #A26F39, #62504A, #291F1F)
• Aged Lilac Terrace color palette (#DCF9F1, #C599D0, #A06859, #1E5A6A, #302936)

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