Cerulean Harbor color palette — #FAF3F5 · #D9D4DE · #C7BCE5 · #46A1A8 · #4A4B64

Cerulean takes the lead with Lavender close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#D9D4DE): a clean, paper-quiet neutral.
• Lavender (#C7BCE5): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#46A1A8): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#4A4B64): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Weathered Emerald Summit color palette (#F8F3F9, #D2D5E5, #79C7E4, #4E9459, #26415E)
• Dusty Ash color palette (#EDF4EE, #D8DBEE, #869EC1, #4A7186, #2D364B)
• Denim Alley color palette (#E7DBE7, #73AEB2, #005D7C, #002D15, #000106)
• Ancient Study color palette (#FAF4ED, #C7EAEF, #8C97C2, #59785B, #654954)
• Dusty Shell Studio color palette (#FDF0FE, #E8D7D7, #EFB3C3, #BAB9C6, #5C4958)
• Teal Balcony color palette (#FFF0FA, #FDB9A4, #82CBBA, #4EB7A1, #44323E)
• Soft Bloom color palette (#FFF0F9, #C9EBFF, #4D96DD, #006C58, #17144A)
• Linen Indigo Studio color palette (#FFF1F6, #A2D2F9, #5D71CF, #005152, #13002A)

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