Coral Harbor color palette — #F5F7E9 · #ADCEA3 · #A1B5EB · #CD8189 · #3D3E37

A conversation between Dusty Rose and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F7E9): a clean, paper-quiet neutral.
• Pistachio (#ADCEA3): A luminous, dusty green — the color of new leaves after rain.
• Sky (#A1B5EB): A luminous, balanced violet — the color of wild irises.
• Dusty Rose (#CD8189): A luminous, balanced red — the color of embers at dusk.
• Charcoal (#3D3E37): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Coral 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

• Coral Hollow color palette (#F1F8ED, #86CDB7, #6DACDF, #C26F6E, #2D3625)
• Hushed Amber color palette (#EFF8EE, #80D3D2, #CAA7DD, #C48B5E, #334233)
• Fern Chapel color palette (#FFF2EB, #BBDBB4, #7CB9C9, #BD775F, #375110)
• Patina Taupe color palette (#FCF4E7, #D8C088, #DDA4B3, #BF8E61, #403D36)
• Tempered Garden color palette (#F3F6F0, #D4DCDA, #9FD4EA, #A9B5BD, #505549)
• Powdered Amber color palette (#FCF1FB, #8FBBFF, #B595CD, #D2714A, #3F2B3E)
• Lime Summit color palette (#F6F6EE, #E3E1B4, #AEB2EA, #93BA58, #362931)
• Orchid Alley color palette (#DCF6E8, #17BEEB, #C288C3, #AC63AD, #042F1E)

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