Worn Coast color palette — #FFF2ED · #52CCD1 · #00799C · #005A28 · #003168
A conversation between Deep Olive and Navy, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Aqua (#52CCD1): A luminous, balanced teal — the color of sea glass.
- Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005A28): A full-bodied, balanced teal — the color of sea glass.
- Navy (#003168): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Worn Coast color palette (#FFF3EA, #69C5E9, #006CCF, #00574A, #2D256B)
- Hushed Aqua color palette (#E6F7E9, #52D0D7, #007F95, #005344, #001D2A)
- Weathered Forest Grove color palette (#FEF2EF, #B3CDB3, #0085A8, #0C642A, #49304B)
- Chalky Ridge color palette (#FDF4E5, #6AE0E6, #009DB7, #007460, #00384D)
- Hushed Harbor color palette (#F3E4DE, #50AEBA, #005F84, #004025, #0A1D43)
- Feathered Cobalt color palette (#E4F1FF, #0074C4, #626B00, #205B29, #002545)
- Blush Corridor color palette (#F0F6FF, #D1BCFF, #F86385, #006D7B, #332F57)
- Sky Field color palette (#FFF0FB, #91EBF1, #00BCE9, #009C70, #003658)
Browse the whole catalog at Explore, or see today's palette.