Sunlit Harbor color palette — #FBF1FF · #FFABC6 · #09CCAF · #DF007B · #00372E

Fuchsia and Aqua set the tone — five colors that lean into energy and balance.

The five colors

• Blush (#FBF1FF): A whisper-light, dusty pink — the color of peonies in June.
• Carnation (#FFABC6): A whisper-light, balanced rose — the color of strawberry cream.
• Aqua (#09CCAF): A luminous, balanced teal — the color of shallow lagoons.
• Fuchsia (#DF007B): A full-bodied, vivid rose — the color of a warm blush.
• Deep Forest (#00372E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Sunlit 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

• Faded Market color palette (#FDF0FD, #FAA4A6, #00BCCB, #D81843, #002E33)
• Linen Quarry color palette (#F7F3FF, #FFBEF1, #00C5A0, #C400B0, #00382B)
• Plum Quarry color palette (#FBF1FF, #E78AA4, #00A5B1, #B5005A, #001D20)
• Ember Drift color palette (#FFF0FA, #FFC4B2, #70C7F1, #DE5A2F, #003E55)
• Rose Courtyard color palette (#FFF2EF, #FFA9B7, #C8BA00, #FA4F7D, #413C00)
• Peony Study color palette (#FFF2EF, #F64883, #009669, #A41950, #00462F)
• Powdered Bloom color palette (#F4F4FF, #DFB2FF, #89C628, #B10EF8, #213600)
• Fuchsia Field color palette (#FAF1FF, #DBD8CD, #A7B1C7, #D67DD6, #52272C)

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