Worn Coast color palette — #FFF2EE · #E7D6C4 · #ACAB8A · #9E7D7A · #664944

Sage and Mocha set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E7D6C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#ACAB8A): A luminous, dusty green — the color of fresh herbs.
• Mocha (#9E7D7A): A luminous, dusty orange — the color of sun-warmed clay.
• Coffee (#664944): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication. Tagged vintage, retro, muted, 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

• Ancient Bone color palette (#FFF4DE, #CCE4C0, #BCC3AF, #A693A0, #604D53)
• Patina Fern color palette (#F7F6EB, #CAD6BA, #85A587, #967371, #405612)
• Aged Cocoa color palette (#F6E5DD, #B4AB81, #50907E, #854336, #632903)
• Frosted Plum color palette (#FFEBD5, #DCB68A, #8C956B, #974C85, #723B27)
• Aged Cocoa Balcony color palette (#FBE9D7, #97946E, #008576, #7C350A, #3B2000)
• Wandering Lagoon color palette (#E9FAEF, #B9D1CA, #739594, #6A7283, #515066)
• Hushed Quarry color palette (#EFF9E7, #7DC1AC, #B197D1, #B771A6, #3A472F)
• Muted Lagoon color palette (#FBF3F1, #CDE8E2, #88B9D1, #56976B, #614961)

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