Coral Harbor color palette — #FFF4DE · #FF767A · #927C00 · #285C98 · #52280F

Built around Watermelon, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Watermelon (#FF767A): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#927C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#285C98): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#52280F): A deep, shadowed, dusty orange — the color of toasted spice.

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

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

• Faded Tangerine Thicket color palette (#FFEBD2, #EB804E, #6D8124, #465185, #342F2A)
• Ultramarine Boulevard color palette (#E4FDE7, #FFA299, #AA7E00, #3440CB, #441900)
• Ember Studio color palette (#F2DBAE, #F5533A, #706D00, #25418C, #391B00)
• Softworn Fuchsia color palette (#F0FCCC, #FF63C9, #B76500, #006483, #51272C)
• Aged Emerald Atelier color palette (#FFF3E8, #DF9700, #009649, #614A98, #3B370B)
• Amber Quarry color palette (#DEFFE4, #C97400, #7A5A00, #00542E, #4C2E00)
• Coral Ridge color palette (#FFF2EC, #FF5E44, #00898A, #16539F, #002E66)
• Patina Marigold color palette (#FFE5EC, #F5B481, #8AA36C, #6E638F, #4F4271)

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