Soft Harbor color palette — #FFF1F1 · #F3B8D3 · #8AC2FF · #EA6BAF · #214469

Bubblegum and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Carnation (#F3B8D3): A whisper-light, dusty rose — the color of pressed rose petals.
• Sky (#8AC2FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Bubblegum (#EA6BAF): A luminous, vivid rose — the color of strawberry cream.
• Navy (#214469): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Balance. Tagged light.

Use it as a design system

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

• Quiet Coral Summit color palette (#FFF2ED, #FFB5B6, #B2B5FF, #F36D75, #3D3D65)
• Quiet Ridge color palette (#FFF1F4, #E0BDED, #50D0F1, #C879E3, #004B5B)
• Quiet Pier color palette (#F9F2FF, #FFBEDA, #27DBAD, #C75F92, #084144)
• Iris Basin color palette (#FFF1F1, #F1A1D1, #E9A17A, #8F9AFF, #502C2D)
• Weathered Blush color palette (#FFF2EF, #E1D8CF, #A9C2A4, #DB92BA, #684A43)
• Rose Terrace color palette (#FFDBD2, #FF8E9F, #8A9FFF, #F51863, #1C1081)
• Gentle Blush color palette (#FFF2EE, #FFB5BA, #C1C472, #F36C7E, #454600)
• Raspberry Coast color palette (#FFF2EF, #FFC4D1, #EF91AA, #BA5971, #4A1423)

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