Wandering Coast color palette — #F8F2DE · #8DAA7D · #3A7257 · #5C3B46 · #1E1E00

Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F2DE): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#8DAA7D): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#3A7257): A full-bodied, dusty teal — the color of sea glass.
• Cocoa (#5C3B46): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#1E1E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Teal Parlor color palette (#F3F3E6, #74AF8D, #1E7369, #22513F, #182001)
• Lagoon Lagoon color palette (#F3F2E8, #AFB897, #438276, #6E494F, #242A11)
• Patina Lagoon color palette (#E2E0D0, #5F9E6E, #006453, #4E284C, #001806)
• Fern Veranda color palette (#F3E2CC, #9E993E, #3D6900, #3B3079, #181700)
• Ancient Lagoon Dune color palette (#E8FAF7, #ABDFB8, #509B79, #2F6D7D, #062E2D)
• Pale Mulberry color palette (#FFE0E1, #C470AA, #009172, #8B2072, #002319)
• Weathered Market color palette (#FAEFE9, #A9D3BA, #4882AA, #005C53, #0F1F3E)
• Washed Balcony color palette (#FFEDED, #FCD2C5, #D3AA7E, #7E6797, #381D1A)

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