Soft Harbor color palette — #FFECF0 · #D29BDA · #CF747F · #24852E · #202160

Built around Olive Leaf, softened by Coral Clay — the whole palette hums with nature and growth.

The five colors

• Blush (#FFECF0): A whisper-light, dusty red — the color of a theater curtain.
• Mauve (#D29BDA): A luminous, balanced pink — the color of a candy shop window.
• Coral Clay (#CF747F): A luminous, balanced red — the color of a theater curtain.
• Olive Leaf (#24852E): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#202160): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. 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

• Feathered Pine Veranda color palette (#FBECFD, #76B6FB, #D17476, #09872E, #002F49)
• Amber Orchard color palette (#FFF1F5, #CEB0E5, #D88A61, #00917D, #442A59)
• Soft Lilac Quarry color palette (#FFECF5, #B3A5EF, #B479C1, #846E00, #003043)
• Misty Rust color palette (#F7EEFC, #D47097, #B2511C, #604E00, #391657)
• Wandering Blush Lagoon color palette (#F3DBD7, #EA789A, #7E8E00, #0066A2, #40001B)
• Powdered Amber Parlor color palette (#FDEDED, #E891C7, #BF8715, #007D92, #491338)
• Tempered Lagoon Pier color palette (#FCE7F3, #DBB9AD, #C19588, #458982, #2B5242)
• Tempered Fuchsia color palette (#FFDEE3, #EC6AF3, #A38800, #007291, #1A006F)

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