Coral Harbor color palette — #FFF2F0 · #FFC2CC · #EB98A1 · #C47071 · #574F4B

Caramel and Rose Quartz set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Shell Pink (#FFC2CC): A whisper-light, dusty red — the color of late-summer berries.
• Rose Quartz (#EB98A1): A luminous, balanced red — the color of late-summer berries.
• Caramel (#C47071): A luminous, balanced red — the color of a theater curtain.
• Charcoal Brown (#574F4B): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, 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

• Timeworn Coral Drift color palette (#FEF2EE, #FDC5C0, #BDD08C, #EF8580, #4E4D46)
• Amber Courtyard color palette (#FFF2EB, #EFD7BD, #EDA490, #BC705A, #582E23)
• Antique Orchard color palette (#F4DBFF, #FAA0B4, #BB6D75, #7A4849, #3F2B3C)
• Mustard Veranda color palette (#FFF2EC, #F9B3A6, #D0BE72, #CD9ACF, #48413D)
• Wandering Tangerine Villa color palette (#FFD2CF, #FFA799, #FF724C, #D35200, #622A00)
• Washed Lantern color palette (#FFF2EC, #DFD9CD, #E0A9A8, #9FB7CF, #7D441D)
• Sunlit Ember Villa color palette (#FFE0D9, #EE865A, #D56200, #9D5000, #422100)
• Pale Bronze color palette (#FFE5CA, #F0C68F, #D5A145, #A77F00, #554A18)

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