Softworn Coast color palette — #F6F6E8 · #A5C78B · #3C9C89 · #006680 · #182756

Fern takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Pistachio (#A5C78B): A luminous, balanced green — the color of new leaves after rain.
• Fern (#3C9C89): A luminous, balanced teal — the color of sea glass.
• Peacock (#006680): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#182756): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged 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

• Patina Petrol color palette (#F4F7EC, #A7DBB1, #4DABAB, #30719C, #363357)
• Timeworn Alley color palette (#F6F6EA, #9ECA84, #009F95, #006291, #352A00)
• Wandering Abyss color palette (#FCF7D4, #CCE1C9, #AAB297, #678C77, #255344)
• Muted Villa color palette (#ECFBE2, #00CBAA, #008BAF, #3333C4, #390043)
• Airy Jade Dune color palette (#FFF2EA, #FFA37E, #34B98A, #7973B3, #462C4E)
• Washed Clover color palette (#F4F8E0, #2BB838, #007B76, #004562, #0F0040)
• Tempered Balcony color palette (#F4F6F0, #C3DDEC, #87C1F4, #248FAF, #4D354F)
• Timeworn Bronze Workshop color palette (#F9F5E8, #D0E3C4, #8CA87C, #986D30, #393932)

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