Weathered Coast color palette — #E0FDF2 · #8CA200 · #3986E5 · #B91C3E · #283000

Ruby and Azure set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E0FDF2): A whisper-light, dusty teal — the color of sea glass.
• Moss (#8CA200): A luminous, balanced green — the color of a quiet forest floor.
• Azure (#3986E5): A luminous, vivid blue — the color of deep harbor water.
• Ruby (#B91C3E): A full-bodied, vivid red — the color of embers at dusk.
• Deep Forest (#283000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Plum Atelier color palette (#DCFFED, #A19A00, #008FD4, #B40878, #2F2D00)
• Gentle Plum Balcony color palette (#DFFCFF, #00AE8F, #008BE3, #B61B57, #003429)
• Aged Garden color palette (#DFFDF8, #56B44A, #008794, #A00039, #083C03)
• Dusty Parlor color palette (#C1E8DC, #7EA039, #4952B9, #9C0C14, #141F00)
• Powdered Lantern color palette (#E7F9FB, #5DB09D, #9283C9, #A55625, #10393E)
• Hazy Byzantium Cabin color palette (#E1FEE9, #B79000, #0098A1, #932FB0, #372900)
• Lapis Corridor color palette (#F8F8D4, #629A23, #442CD5, #84005C, #2F2D04)
• Airy Chartreuse color palette (#D7FFF6, #91E233, #8C81E9, #C162A2, #03332C)

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