Worn Coast color palette — #FCF1FB · #96C0FF · #D0922D · #158F86 · #263F21

Built around Mustard, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Sky (#96C0FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#D0922D): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#158F86): A full-bodied, balanced teal — the color of sea glass.
• Forest (#263F21): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

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

• Hushed Mustard Lantern color palette (#FDF1F7, #C4BEFF, #C0A84D, #4E91A9, #284B3A)
• Weathered Pier color palette (#EDF9F1, #46D1F2, #E47E77, #22916D, #00432F)
• Lilac Summit color palette (#FBDEF1, #929FFF, #AE8200, #007486, #002931)
• Antique Dune color palette (#FFF1F5, #D5A1FC, #C07259, #4F642B, #00313B)
• Muted Quarry color palette (#FDF0FF, #F6C9D7, #D1A99B, #829C84, #425744)
• Timeworn Powder color palette (#FCF3ED, #BFEDEE, #9ABEFF, #41ABA1, #5D3C4E)
• Teal Lantern color palette (#F9F5E9, #D5D9AF, #5BC1A8, #A98682, #434600)
• Wandering Study color palette (#FFF1F3, #F39DFF, #25AA1C, #0080AD, #00354B)

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