Worn Coast color palette — #D9ECFC · #009883 · #647D00 · #051008 · #000202

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

The five colors

• Frost (#D9ECFC): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#009883): A luminous, balanced teal — the color of shallow lagoons.
• Olive Leaf (#647D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#051008): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000202): a grounded near-black with real depth.

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

• Chestnut Station color palette (#EDDDEE, #007F7C, #6F6200, #080C05, #000201)
• Bronze Summit color palette (#F9E1F6, #0099B8, #8F7E00, #141000, #030200)
• Tempered Pine color palette (#D9F3DF, #00805B, #004638, #00221D, #000B0B)
• Wandering Cornflower color palette (#F4E9FF, #0184EB, #00847B, #081118, #000304)
• Frosted Emerald Boulevard color palette (#C7EBED, #1B9E1F, #916B00, #0C0E04, #000301)
• Worn Delta color palette (#DBECEA, #8EB1B0, #60878A, #004412, #001816)
• Aged Bronze Bloom color palette (#D9F7E7, #836900, #453939, #211E00, #050400)
• Misty Sky Harbor color palette (#E9E2BF, #0AB2F0, #00AD7C, #102833, #001516)

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