Weathered Coast color palette — #FFEAD9 · #8A6F00 · #284900 · #00170F · #000102

Ochre and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEAD9): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#8A6F00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#284900): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00170F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Weathered 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

• Washed Olive Balcony color palette (#F2EDDB, #658B00, #005034, #001111, #000103)
• Ancient Market color palette (#FDDCD6, #B46500, #473A00, #041600, #000201)
• Smoked Fern color palette (#DCE3C3, #476400, #123900, #000F03, #000201)
• Chestnut Delta color palette (#F1D8CE, #796000, #003C2B, #160025, #010100)
• Aged Olive color palette (#F9E4D2, #768B46, #005A57, #400F22, #040001)
• Chestnut Grove color palette (#DFF4E3, #6A5000, #002C53, #130013, #040100)
• Tempered Harbor color palette (#FFF4E0, #AAC100, #009757, #004C48, #001721)
• Basalt Coast color palette (#E5F2E9, #A8C1BB, #6E9B9E, #493A00, #000201)

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