Soft Harbor color palette — #F9F2FF · #FFBDE4 · #F45753 · #854200 · #332800

Scarlet takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Carnation (#FFBDE4): A whisper-light, balanced pink — the color of neon signs at night.
• Scarlet (#F45753): A luminous, vivid orange — the color of autumn markets.
• Bronze (#854200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#332800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged warm.

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

• Washed Harbor color palette (#F3D7EA, #FF5E6C, #995100, #3F2E00, #020500)
• Soft Ember color palette (#FCD4DA, #E84800, #6D4D00, #1F2300, #000200)
• Peony Lagoon color palette (#F3F4FF, #ECC1FF, #E562A0, #A62829, #421F00)
• Scarlet Corridor color palette (#FDD4FF, #DC85AE, #CA2D38, #7C3100, #4B3100)
• Timeworn Brick color palette (#FFDCE3, #E58086, #C02125, #6E1D00, #310F00)
• Amber Cabin color palette (#FFF1F6, #FFCABF, #DA8400, #616000, #0C2E00)
• Timeworn Rust color palette (#FFDBE2, #FFAAAF, #F9726C, #D24117, #5A2100)
• Pale Rose Coast color palette (#FFF2EE, #FF395A, #533411, #260C05, #050001)

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