Cerulean Harbor color palette — #F9F4ED · #B8E9D8 · #618CC4 · #256C7C · #593D53

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Mint (#B8E9D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#618CC4): A luminous, balanced blue — the color of open sky before noon.
• Teal (#256C7C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#593D53): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Timeworn Cerulean color palette (#FAF4EC, #C0E8CD, #5593AE, #217069, #2F4F46)
• Wandering Alley color palette (#F7F1EB, #C4E5D9, #728EBD, #0E6B72, #3E2134)
• Periwinkle Alley color palette (#E6FBF4, #53A7E7, #B27D43, #2B6B9A, #47413C)
• Timeworn Cobalt Meadow color palette (#FDF4E6, #96D8FE, #0682DD, #006571, #2C3E68)
• Wandering Orchard color palette (#FDF2F6, #D7DEFC, #8BA5D3, #0A8B94, #434368)
• Timeworn Sky color palette (#ABEDFA, #30BCE9, #0E7FB8, #2A5E8B, #354869)
• Weathered Cerulean Parlor color palette (#FCF4E8, #92D2D3, #00879A, #00624D, #0A4154)
• Hushed Mallow color palette (#E0FDF5, #EBDAD4, #CFB5ED, #5B826E, #584956)

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