Cerulean Harbor color palette — #F0F8F1 · #A7F5FC · #00A2C2 · #006B5C · #002231

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Sea Foam (#A7F5FC): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#00A2C2): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006B5C): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002231): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Quiet Azure Basin color palette (#EFF8F0, #CFE0FF, #1A98EE, #006872, #061C44)
• Patina Denim color palette (#E0EAE2, #71ACBF, #005C81, #002B2B, #000104)
• Cobalt Study color palette (#ECF9EF, #98D6EF, #0082C0, #005154, #000C22)
• Weathered Alley color palette (#F5EBF4, #86E5ED, #04B3EE, #30935D, #192D4E)
• Worn Petrol Loft color palette (#EEEFE6, #9ABBA0, #007586, #00504D, #003441)
• Weathered Sky color palette (#EDF9EF, #D8D6E3, #5DB6FF, #008692, #193361)
• Glacier Cabin color palette (#F1F7F2, #D7E0EC, #8BD8F5, #669E96, #3A5062)
• Hazy Ultramarine Garden color palette (#E6F2E8, #89BCEB, #275FCC, #003C4B, #020013)

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