Cerulean Harbor color palette — #F5EDE1 · #A7CFB8 · #3C90BA · #006C6B · #002F55

Cerulean and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Pistachio (#A7CFB8): A luminous, dusty teal — the color of sea glass.
• Cerulean (#3C90BA): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C6B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#002F55): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Cobalt Canyon color palette (#F5EDE1, #A0C9F0, #5F85CC, #006881, #24275A)
• Tempered Azure Bloom color palette (#EFF8F1, #BCEFFF, #009ED9, #006A69, #001F3B)
• Antique Petrol Meadow color palette (#F7ECE6, #94BCA6, #2E6BA4, #005141, #252856)
• Tempered Denim color palette (#E8DFD0, #6999B7, #07599D, #003A43, #01002F)
• Soft Periwinkle color palette (#FBF4EA, #BDDFFF, #6B9AF0, #007E9C, #333874)
• Softworn Periwinkle color palette (#F8EAF3, #ADDBF2, #41ABFF, #009474, #232856)
• Turquoise Boulevard color palette (#FAF4EC, #C1E8DB, #60B3BF, #4D8871, #194F5F)
• Patina Field color palette (#F0E4D2, #6AAFB5, #007289, #004B40, #001622)

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