Softworn Coast color palette — #DFF2FB · #8EE75A · #FF99A5 · #362A37 · #1D161D

Chartreuse and Ballet Pink set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFF2FB): A whisper-light, dusty blue — the color of deep harbor water.
• Chartreuse (#8EE75A): A whisper-light, vivid green — the color of new leaves after rain.
• Ballet Pink (#FF99A5): A luminous, balanced red — the color of embers at dusk.
• Onyx (#362A37): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#1D161D): quiet, heavy and certain.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, 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

• Weathered Seafoam color palette (#E8EEFF, #00EEB3, #FF9F74, #372730, #1E171B)
• Chartreuse Study color palette (#D0E8FF, #BFE06D, #FF97CD, #49423E, #342D2C)
• Lime Harbor color palette (#D5E2F2, #87C600, #FF6A45, #3D170D, #10080E)
• Patina Veranda color palette (#8DFFD4, #C7E683, #FFB988, #504944, #342D27)
• Patina Mallow Study color palette (#BEECEE, #FFBD66, #FD91D8, #2F2936, #1C1921)
• Stone Ridge color palette (#F7EFF6, #DDBF82, #825252, #3C293C, #181118)
• Celadon Boulevard color palette (#EDFFAA, #FFE6F4, #D1C9D1, #443D4D, #232126)
• Mint Veranda color palette (#F8E3FF, #00DBAA, #DF9E00, #1C2C1D, #0B130C)

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