Chalky Harbor color palette — #DEF6E2 · #38B4C7 · #2F7BC1 · #972431 · #103447

A conversation between Garnet and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DEF6E2): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#38B4C7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#2F7BC1): A full-bodied, balanced blue — the color of deep harbor water.
• Garnet (#972431): A full-bodied, balanced red — the color of embers at dusk.
• Deep Teal (#103447): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, 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

• Ancient Orchard color palette (#E0F5E4, #3CB8A1, #00859F, #853261, #003742)
• Misty Indigo Pier color palette (#DCF7E1, #5AAAE3, #6D6CBE, #853E00, #1B314C)
• Aqua Cabin color palette (#FFF4E2, #00CDE6, #3482CA, #783C3D, #00291A)
• Timeworn Courtyard color palette (#E6F4FC, #22A6C2, #865CA5, #863000, #163400)
• Ultramarine Delta color palette (#D2EDD7, #008EAE, #134FB8, #6D0800, #001927)
• Dusty Denim color palette (#FFE7EF, #009C87, #0058AE, #5E3500, #113542)
• Aqua Pier color palette (#FFEADB, #00D5CF, #7794E0, #A56036, #153827)
• Soft Amethyst Pier color palette (#CBF0D2, #4199FF, #794CD4, #704000, #121E65)

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