Coral Harbor color palette — #F3E1F1 · #E0716F · #828500 · #007792 · #190C28

Coral Clay and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F3E1F1): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#E0716F): A luminous, balanced orange — the color of autumn markets.
• Olive Leaf (#828500): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#190C28): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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

• Blush Terrace color palette (#EDE1EF, #E96483, #B36D00, #007B6C, #1C0A28)
• Weathered Fuchsia color palette (#E4DEEE, #E078BF, #8B8900, #006997, #330341)
• Ancient Chapel color palette (#FFF1F5, #EB9649, #9E9913, #007C9A, #311126)
• Linen Ridge color palette (#F8E0E8, #D9840A, #419A21, #0060C3, #1C071F)
• Faded Wisteria Grove color palette (#E8E4FC, #C66CD5, #B27000, #00705A, #1E0C2B)
• Misty Bronze color palette (#E2F1E2, #B17A00, #697300, #006186, #170007)
• Sunlit Canyon color palette (#C5E9CF, #F082A8, #D37415, #00639F, #421113)
• Dusty Bronze color palette (#F8EAD5, #987000, #006E3F, #004A4C, #001913)

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