Weathered Coast color palette — #DEFDF8 · #5FBB61 · #BB46B9 · #066012 · #5C185B

Orchid and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DEFDF8): A whisper-light, dusty teal — the color of shallow lagoons.
• Clover (#5FBB61): A luminous, balanced green — the color of a quiet forest floor.
• Orchid (#BB46B9): A full-bodied, vivid pink — the color of neon signs at night.
• Pine (#066012): A full-bodied, balanced green — the color of new leaves after rain.
• Royal Purple (#5C185B): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.

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

• Gentle Plum Chapel color palette (#D6FEFF, #2ABE86, #B03A8D, #006E4A, #67094F)
• Weathered Ridge color palette (#D7FBF3, #75BF3F, #D023BA, #2F5E00, #380931)
• Byzantium Workshop color palette (#D8FFF4, #8AB431, #874CC4, #4B6700, #49236F)
• Timeworn Byzantium Summit color palette (#CBE4E3, #3A925F, #A132A1, #005830, #430C43)
• Misty Orchard color palette (#FAF7DA, #9BBE2D, #FC48B5, #698300, #631945)
• Coral Villa color palette (#E3FAFF, #58B1A9, #C5687D, #00756F, #5F333C)
• Misty Indigo color palette (#E3FDEC, #BCA225, #595FD5, #6D5B00, #2C2D7E)
• Worn Chartreuse Atelier color palette (#F4FAD5, #6DFD72, #F986EE, #2E9C35, #572253)

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