Softworn Coast color palette — #EAF9F5 · #91C2A0 · #43917A · #586187 · #133D3C

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F5): a clean, paper-quiet neutral.
• Mint Leaf (#91C2A0): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#43917A): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#586187): A full-bodied, dusty violet — the color of wild irises.
• Deep Teal (#133D3C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Tempered Lagoon Market color palette (#E6FBF5, #93CA9F, #2E9B7B, #8D546F, #164525)
• Tempered Lagoon color palette (#F6F6E9, #A5E0B7, #00A181, #586188, #252B16)
• Softworn Cypress color palette (#D3EAE7, #78B496, #008474, #754452, #003031)
• Dusty Lime Canyon color palette (#D3F5E0, #A3B73F, #4D892A, #704A7C, #2B3200)
• Ash Summit color palette (#EFF8F3, #B2DBD1, #74A7A2, #7F7990, #3D524D)
• Azure Delta color palette (#EEF9EF, #BBD9EE, #5D9BD0, #007A85, #263B59)
• Navy Corridor color palette (#C5E7E3, #55A484, #007065, #413C75, #002115)
• Wandering Plum color palette (#F6E8FF, #E089AB, #22AD8D, #B14576, #004032)

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