Softworn Coast color palette — #F5F6EC · #75A890 · #007366 · #674200 · #343730

Teal and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Jade (#75A890): A luminous, dusty teal — the color of sea glass.
• Teal (#007366): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#674200): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#343730): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Hushed Fern color palette (#FCF4E5, #98A16E, #486F2C, #6A3C38, #37362F)
• Cypress Chapel color palette (#F3F3E2, #71AF9A, #00727C, #613845, #142007)
• Pale Orchard color palette (#F1ECD0, #759F67, #006C3E, #3F4900, #113800)
• Washed Basalt color palette (#F9F5ED, #B8B08B, #617D50, #655929, #4E4200)
• Wandering Pine color palette (#F1F9E6, #C8E6C2, #5FBFDA, #3D8135, #374B29)
• Pine Bloom color palette (#E2EBD1, #7EA960, #228833, #005D39, #004248)
• Aged Market color palette (#ECF1E0, #53A071, #B14E97, #006839, #502244)
• Hushed Villa color palette (#EAF9F5, #89C2AF, #00919E, #835361, #103C40)

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