Softworn Coast color palette — #F2F5FF · #BCB5FF · #A5A000 · #6C33EC · #3F3D00
Violet and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Lavender (#BCB5FF): A luminous, balanced violet — the color of twilight just after sunset.
- Moss (#A5A000): A luminous, balanced green — the color of fresh herbs.
- Violet (#6C33EC): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#3F3D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Softworn 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
- Washed Byzantium color palette (#F3F4FF, #D3AAFF, #7DAD1D, #8E13D9, #2D4300)
- Chalky Sapphire Veranda color palette (#F0F5FF, #8EA9FF, #C0A018, #4157F6, #473900)
- Softworn Indigo color palette (#FFF0F8, #C4BFFF, #BFB507, #7A65DC, #333000)
- Grape Summit color palette (#D9DCF6, #B694F5, #769300, #6C00C3, #232E00)
- Nightshade Coast color palette (#F1F5FF, #8F97FF, #788900, #402ABD, #374000)
- Wandering Peony Hollow color palette (#F6F3FF, #D6A5CE, #73B785, #B15CA6, #184F2B)
- Ancient Cabin color palette (#EDF7FF, #7AC9FF, #E27D00, #006FA5, #592E00)
- Pale Plum Boulevard color palette (#F7F3FF, #F79CE1, #00B779, #B00098, #00472C)
Browse the whole catalog at Explore, or see today's palette.