Weathered Coast color palette — #F1F5FC · #C9C291 · #4C5E7F · #2D394D · #24222E

Built around Pistachio, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Pistachio (#C9C291): A luminous, dusty green — the color of a quiet forest floor.
• Peacock (#4C5E7F): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#2D394D): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#24222E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Patina Basalt Garden color palette (#F7EFF5, #DFB9B1, #76556D, #272E52, #191117)
• Periwinkle Atelier color palette (#FBF2F9, #E9DFAC, #8A9CD3, #7E6378, #30292E)
• Aged Cobalt color palette (#F0F5FF, #E3C5E7, #707AA8, #3E4D6C, #252B39)
• Wandering Petrol Orchard color palette (#F1F5FD, #B4BDEE, #A96774, #5F67A5, #332A35)
• Washed Nightshade Harbor color palette (#F2F5FF, #82B25D, #46368E, #251E4A, #190E27)
• Weathered Forest Corridor color palette (#F7F3FF, #A57295, #935758, #365525, #283645)
• Ancient Driftwood Dune color palette (#F4F4FC, #DED8DD, #B4AAA5, #7D7F9E, #515259)
• Tempered Ash Study color palette (#E2FCF3, #A99FD3, #96677B, #29655B, #47455A)

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