Coral Harbor color palette — #FFF2EC · #EB6456 · #319D5C · #007B3F · #481B17
A conversation between Coral Clay and Kelly Green, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Coral Clay (#EB6456): A luminous, vivid orange — the color of toasted spice.
- Kelly Green (#319D5C): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#007B3F): A full-bodied, balanced teal — the color of sea glass.
- Espresso (#481B17): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Amber Parlor color palette (#FCEBDD, #D6700D, #009675, #007258, #37210C)
- Feathered Parlor color palette (#FFF2EE, #FC486F, #0097A7, #007480, #491921)
- Softworn Raspberry Pier color palette (#FBF1FF, #C8336D, #007B45, #005362, #471A28)
- Washed Coral color palette (#FFF2EE, #ED5F6B, #C16F00, #786500, #461D1F)
- Amber Grove color palette (#FFF3E7, #D28D48, #28A0AE, #007D89, #37322C)
- Soft Summit color palette (#FFF2ED, #FF5A65, #008A82, #005799, #00315B)
- Soft Emerald Orchard color palette (#F8F2FF, #FF85D4, #009D2E, #0065C3, #2E0D23)
- Airy Lagoon color palette (#FFF1F3, #ED6CEB, #008C46, #006D62, #3C1F3B)
Browse the whole catalog at Explore, or see today's palette.