Worn Coast color palette — #F4F7EC · #F8CCA2 · #74A27E · #446F4F · #202317

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Wheat (#F8CCA2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#74A27E): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#446F4F): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#202317): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Weathered Cerulean color palette (#EBF9EF, #FFBDA3, #00A0B1, #006873, #00220D)
• Hushed Olive color palette (#EAF9F6, #CBC790, #5C7C4F, #314A27, #0C2723)
• Soft Courtyard color palette (#DDE9D4, #FFA765, #009479, #005C4A, #00140E)
• Amber Ridge color palette (#DEE6D2, #D37E28, #006947, #00311F, #000201)
• Teal Garden color palette (#F3F6F1, #D4DCDA, #B2B0BD, #61BFA9, #444A41)
• Softworn Balcony color palette (#FFF2EB, #94D8BF, #66AFCF, #B86A4A, #2F432E)
• Soft Peony color palette (#EDF9EB, #63CEC6, #9AA9EB, #D46787, #293826)
• Wandering Coral Alley color palette (#E2F3EC, #E48A6E, #006FA1, #003D5B, #000302)

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