Cerulean Harbor color palette — #BAF6F1 · #7CD8E1 · #35C3E3 · #0098CF · #274D6A

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#BAF6F1): A whisper-light, dusty teal — the color of sea glass.
• Ice Blue (#7CD8E1): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cyan (#35C3E3): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0098CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#274D6A): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Feathered Canyon color palette (#DBEEC5, #72D1CC, #009EB8, #006FA7, #354772)
• Worn Turquoise Pier color palette (#DBFFED, #76EEF0, #00BCDD, #1B71A7, #2F3F5E)
• Cornflower Harbor color palette (#C9F8E1, #8BCFFD, #69A9F1, #557CD3, #3E4773)
• Timeworn Cobalt color palette (#D9FFF2, #B8E1FF, #65B8F2, #0089C7, #00334A)
• Ancient Sapphire Cabin color palette (#C1E8F3, #00BDF8, #0097DB, #006ECA, #142487)
• Washed Turquoise color palette (#E5FBF1, #EFD8D5, #5FBCC8, #B1A697, #335349)
• Turquoise Courtyard color palette (#EAF9F1, #8DD8F6, #FCA679, #00AFDC, #643419)
• Dusty Balcony color palette (#D1F5D1, #99DEAF, #46BF99, #009788, #005756)

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