Soft Harbor color palette — #FFD9E6 · #BF7404 · #00869E · #403CC4 · #301900

Built around Cobalt, softened by Mustard — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#FFD9E6): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#BF7404): A luminous, balanced gold — the color of old brass.
• Cerulean (#00869E): A full-bodied, balanced blue — the color of deep harbor water.
• Cobalt (#403CC4): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#301900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. Tagged vibrant, 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

• Pale Bloom color palette (#FFDCCB, #D66003, #008988, #0052AE, #371300)
• Frosted Grape color palette (#CEEFD3, #AA7E00, #0080BA, #612DC1, #2A1D00)
• Aubergine Coast color palette (#D1F1E1, #959100, #00787C, #5100B4, #4B000A)
• Ultramarine Lantern color palette (#C9E6D9, #989826, #2658C0, #723381, #002116)
• Feathered Grape color palette (#E2FDED, #BEA82A, #007AC0, #8740AB, #332B00)
• Washed Amethyst Loft color palette (#FFDEBF, #FE9D3F, #3780E9, #704CDD, #321800)
• Nightshade Dune color palette (#F9E2B3, #AC9A00, #21850A, #2C37B4, #282C00)
• Powdered Rose color palette (#F8D9F7, #F4194C, #008C6B, #006083, #3B0B11)

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