Coral Harbor color palette — #EFF6FF · #78B0FF · #FB6373 · #559A33 · #001F4A

A conversation between Watermelon and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#78B0FF): A luminous, balanced blue — the color of deep harbor water.
• Watermelon (#FB6373): A luminous, vivid red — the color of embers at dusk.
• Olive Leaf (#559A33): A luminous, balanced green — the color of new leaves after rain.
• Midnight (#001F4A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Misty Atelier color palette (#FFF0FA, #939AFF, #DD7451, #319264, #161737)
• Timeworn Peony color palette (#E8F8FF, #02C0F1, #E56DB6, #928900, #002632)
• Soft Scarlet Lantern color palette (#F1F5FF, #6589FA, #D84B40, #008131, #03062D)
• Tempered Teal color palette (#FFF1F6, #C6ACF2, #D89B66, #32A695, #3B222D)
• Tempered Tangerine color palette (#EAE8FF, #B2A7FF, #FF8251, #E18000, #302854)
• Faded Pine color palette (#FFF1F6, #C2A2FF, #A57A00, #1D7B2C, #211039)
• Crimson Meadow color palette (#DFECFF, #0F7AF6, #D40040, #307200, #1A314E)
• Weathered Ridge color palette (#FFF0FE, #DDD2D9, #B2AB9E, #59ADDB, #4E3148)

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