Cerulean Harbor color palette — #FCF3EC · #ECA66E · #C6974F · #0094B1 · #3A1E14

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

The five colors

• Ivory (#FCF3EC): a clean, paper-quiet neutral.
• Sand (#ECA66E): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#C6974F): A luminous, balanced gold — the color of old brass.
• Cerulean (#0094B1): A luminous, balanced blue — the color of deep harbor water.
• Espresso (#3A1E14): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Soft Cornflower color palette (#FBF4EB, #D8AD63, #86AD52, #5A82DE, #37210A)
• Lagoon Study color palette (#FFF2EE, #E99EA9, #D78676, #009284, #412324)
• Timeworn Lagoon color palette (#FFF4DF, #F8AFC3, #CC9B4C, #5C82BD, #433B38)
• Ancient Emerald color palette (#FFF2ED, #EB8D8D, #009C59, #006382, #260F15)
• Gentle Chapel color palette (#F7F6E4, #8FB45F, #00AD8D, #8159B9, #261F00)
• Apricot Pier color palette (#EDE2D9, #E89353, #856D24, #6D3C00, #1F1613)
• Pale Balcony color palette (#FDE9D6, #E08600, #90941C, #0048DA, #2A1500)
• Wandering Bronze Veranda color palette (#FFE8E9, #FDBBBC, #E99B70, #9B7F00, #2E4200)

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