Soft Coast color palette — #F5F7E2 · #99D08C · #DA87B9 · #3B8B25 · #3F1631

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

The five colors

• Cream (#F5F7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#99D08C): A luminous, balanced green — the color of fresh herbs.
• Bubblegum (#DA87B9): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#3B8B25): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#3F1631): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Hushed Wisteria color palette (#FCF5DE, #C5C567, #BE8FE0, #7C7B00, #331C43)
• Emerald Grove color palette (#DFF3F2, #84D498, #DD92D7, #00AE54, #4F1F4D)
• Blush Terrace color palette (#E8FCE6, #58D5D1, #E284AC, #008885, #44122B)
• Quiet Quarry color palette (#F1F8E9, #8FEAC7, #EEA1B9, #08A27A, #532C27)
• Ancient Rose Terrace color palette (#DFFFE1, #2EDAE0, #EF406B, #007A7E, #400013)
• Hushed Terrace color palette (#E6EDD3, #57A56C, #B949A2, #00672F, #2F0C28)
• Muted Delta color palette (#FFF3E4, #D5C79E, #A7834D, #794B39, #242306)
• Hazy Summit color palette (#F2F9DA, #73D188, #BC6093, #A45155, #01230A)

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