Worn Coast color palette — #E6F7EC · #8FAA7C · #007757 · #2A5039 · #00221C

Built around Teal, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#E6F7EC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8FAA7C): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#007757): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#2A5039): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00221C): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Worn 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

• Ancient Jade Archive color palette (#E5FBF1, #83A868, #347246, #305346, #143D36)
• Tempered Olive Delta color palette (#FEECF3, #AAA26A, #4A7133, #5F3E1E, #0A2116)
• Timeworn Meadow color palette (#DCEDE3, #709B5F, #00644F, #003E57, #001713)
• Ancient Field color palette (#EAF5F0, #8BBFBC, #0B877E, #3A5D50, #102D2C)
• Cypress Atelier color palette (#E7F6F1, #6BB192, #007376, #633649, #002123)
• Feathered Amber color palette (#F5DDE8, #B19200, #476700, #004844, #1C1500)
• Tempered Market color palette (#E0F6FF, #34B8C9, #007A83, #003D42, #001214)
• Tempered Lagoon color palette (#F9F5E6, #C0DAAE, #529D67, #636837, #2A2912)

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