Coral Harbor color palette — #FDF1FD · #D4848A · #583C4E · #261926 · #070409

A conversation between Dusty Rose and Cocoa, giving this palette its sense of sophistication.

The five colors

• Ivory (#FDF1FD): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#D4848A): A luminous, balanced red — the color of late-summer berries.
• Cocoa (#583C4E): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#261926): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#070409): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

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

• Tempered Blush color palette (#EEDFEF, #F78093, #8B674B, #534454, #19171F)
• Amber Delta color palette (#FFF1F6, #D08D4D, #324E3A, #2D1620, #090407)
• Patina Plum Lagoon color palette (#F4E0DB, #C53B58, #35302B, #1F120F, #0A0505)
• Worn Amber color palette (#EAFAEF, #A68600, #0B3E30, #001507, #000200)
• Lilac Courtyard color palette (#FFF1F7, #ECAA79, #57BFA9, #9D7AE3, #3B222E)
• Inked Garnet color palette (#F5DCF1, #940111, #523B00, #201A0D, #0E0300)
• Bronze Summit color palette (#FFEFFF, #FFC8BC, #E17E58, #AE5D00, #4F310C)
• Lowlit Fern color palette (#D7E9DF, #6A6100, #23262F, #0C1600, #000201)

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