Coral Harbor color palette — #FFF2EC · #FFBBAF · #00C67F · #F76550 · #182101

Built around Coral Clay, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Rose Quartz (#FFBBAF): A whisper-light, balanced orange — the color of sun-warmed clay.
• Clover (#00C67F): A luminous, vivid teal — the color of sea glass.
• Coral Clay (#F76550): A luminous, vivid orange — the color of sun-warmed clay.
• Onyx (#182101): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Pale Amber Hollow color palette (#FCF3ED, #FBBA8C, #52B98E, #D87B28, #141B08)
• Misty Rose color palette (#FFF2EE, #FFB9C3, #37DA9C, #E8396A, #182105)
• Frosted Moss Parlor color palette (#FFF3E9, #FFCCAD, #889E00, #C15F00, #0D0A00)
• Ancient Lantern color palette (#FFF3E7, #FFA96E, #7AB03D, #7A6BC1, #463200)
• Bronze Station color palette (#FEF1F7, #FCA266, #829000, #B75A00, #002419)
• Dusty Balcony color palette (#FFF1F2, #FFB1EA, #9AD03B, #CA4FB0, #152200)
• Misty Apricot Drift color palette (#ECDBCB, #E69432, #009787, #A76400, #010500)
• Emerald Boulevard color palette (#FFD9D1, #FFB466, #BEA000, #449500, #003D2F)

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