Chalky Harbor color palette — #EFF6FF · #9CBFFF · #C1A342 · #4473CA · #322700

Sapphire takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#9CBFFF): A luminous, balanced violet — the color of wild irises.
• Gold (#C1A342): A luminous, balanced green — the color of fresh herbs.
• Sapphire (#4473CA): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#322700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Chalky 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 Marigold Workshop color palette (#EBF7FF, #4BD1FA, #D7982F, #0083A3, #382300)
• Frosted Indigo Drift color palette (#F2F5FF, #BFB3FF, #8CB85C, #785DCC, #1B2E00)
• Timeworn Lantern color palette (#F1F5FF, #CDCFFF, #B7C37C, #8080CA, #363D06)
• Cornflower Thicket color palette (#FBE8F8, #9EBEFF, #44CB9B, #568AFF, #00402D)
• Cerulean Lantern color palette (#EFF6FF, #E4D9E2, #B3B4A8, #4D99BD, #2A334C)
• Iris Villa color palette (#FBE8F7, #6788E5, #9E6F00, #344EA6, #473104)
• Pale Grape color palette (#F3F4FF, #D4ACFF, #57AD00, #870BD0, #0D2500)
• Dusty Ridge color palette (#F0F5FF, #A1B3FF, #A47E00, #577D27, #0D1A35)

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