Coral Harbor color palette — #F6DBF3 · #DA7170 · #009BA9 · #2D78A2 · #3A2138

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

The five colors

• Thistle (#F6DBF3): A whisper-light, dusty pink — the color of peonies in June.
• Coral Clay (#DA7170): A luminous, balanced orange — the color of sun-warmed clay.
• Cerulean (#009BA9): A luminous, balanced blue — the color of open sky before noon.
• Slate (#2D78A2): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#3A2138): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Balance. Tagged cool.

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

• Airy Emerald Courtyard color palette (#F2DCF5, #D77281, #3DA05B, #008375, #39213C)
• Dusty Amber Villa color palette (#FDD9E8, #CE8039, #0095C9, #4B6EB4, #422204)
• Washed Blush Villa color palette (#FFF2ED, #FF727A, #00A9BD, #008E9F, #2C130B)
• Gentle Clover color palette (#FBD8F6, #FF847F, #62BD63, #7394D9, #372335)
• Muted Grape color palette (#E4F4E4, #B68537, #009582, #6548B3, #172C18)
• Cobalt Grove color palette (#CBEEDD, #9C9A44, #009AB0, #0080BB, #043424)
• Tempered Orchard color palette (#FFE2F1, #B95100, #00787E, #175875, #220900)
• Pine Orchard color palette (#FFDCCF, #C84847, #0C831D, #3055A9, #402217)

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