Worn Field color palette — #FDF3EE · #C4EBD2 · #60BCF3 · #00A28D · #4A304A

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Celadon Mist (#C4EBD2): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#60BCF3): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A28D): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#4A304A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Balcony color palette (#FCF3EF, #C5ECCB, #42C2ED, #2CA27C, #184339)
• Worn Powder color palette (#FAF4EE, #C7E4FF, #92AEFD, #009DB1, #4F2E40)
• Tempered Powder Loft color palette (#FBF3F0, #BFE3EC, #92D0F0, #76B09E, #5E4B60)
• Washed Meadow color palette (#FFDADB, #FFA0DD, #00B1C2, #19AA65, #402123)
• Tempered Azure color palette (#EBF8F7, #B6DBED, #00A5CF, #007B83, #0D4057)
• Azure Thicket color palette (#F6EBE4, #81CCE9, #0A98F2, #007E77, #101B43)
• Cerulean Coast color palette (#ECF4ED, #A2CFE5, #3886A8, #005C58, #05223A)
• Muted Studio color palette (#F9E9E0, #6AABC1, #007BBD, #005E56, #000329)

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