Cerulean Harbor color palette — #F9EEF7 · #90DFE8 · #008EC2 · #00663C · #0D234B

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Blush (#F9EEF7): a clean, paper-quiet neutral.
• Ice Blue (#90DFE8): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008EC2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#00663C): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0D234B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Misty Station color palette (#FDECF9, #6ECBDC, #0079B2, #005439, #070F4C)
• Dusty Canyon color palette (#E9FBEC, #82E0E9, #008EAB, #00685A, #004662)
• Powdered Cornflower color palette (#F9EEF3, #A6D7F4, #3D79FB, #00635C, #261C47)
• Antique Iris color palette (#EFF3EE, #CADFF3, #7C89C5, #006C6F, #282846)
• Feathered Azure color palette (#FEF2ED, #7EEFF9, #1DA9DF, #08874E, #233F6D)
• Dusty Lagoon Hollow color palette (#F5EAF4, #0F9DA1, #00516A, #002E12, #000410)
• Orchid Grove color palette (#F6D9FF, #B153CC, #008970, #006A73, #25092D)
• Dusty Navy Station color palette (#ECE0E5, #2F82A6, #003680, #00201B, #010009)

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