Soft Coast color palette — #F7DBED · #9DA7FF · #A68900 · #4A19EC · #382D00

Built around Iris, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7DBED): A whisper-light, dusty pink — the color of a candy shop window.
• Lavender (#9DA7FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#A68900): A luminous, balanced green — the color of a quiet forest floor.
• Iris (#4A19EC): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#382D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.

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

• Wandering Grape color palette (#FFD8E9, #B89BFF, #889500, #6F00D4, #2C3200)
• Feathered Lapis Villa color palette (#F1F5FF, #A0AAFF, #BB9706, #5446EC, #271D00)
• Frosted Field color palette (#F6DBF4, #80B0FF, #BA7D00, #0050C2, #402800)
• Powdered Byzantium Market color palette (#FFF1F5, #DBA6FF, #5EB400, #9700D2, #204500)
• Frosted Aubergine Archive color palette (#F4D5DB, #D488DF, #4B9B39, #860098, #093300)
• Rust Thicket color palette (#CAEFDE, #2FBFF6, #BF5B00, #007399, #4B2000)
• Airy Coast color palette (#FFD9E2, #B74BDA, #A95600, #780097, #492200)
• Powdered Plum color palette (#FCE9EB, #CD90C2, #57AB67, #AC3D9E, #044117)

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