Weathered Pier color palette — #F9F3F9 · #CCE0F5 · #58B1D4 · #3C8E52 · #2F496A

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Powder Blue (#CCE0F5): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#58B1D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#3C8E52): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2F496A): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Quiet Garden color palette (#FAF2FA, #A2EBE6, #00ADD0, #14891A, #004271)
• Ancient Lagoon color palette (#FAF3F6, #D9DFEE, #97B3DD, #38988B, #49516D)
• Wandering Cerulean Corridor color palette (#F8F5EF, #CCE4CC, #079BB0, #08735C, #2E5041)
• Wandering Station color palette (#BFF8F2, #79CBA9, #00A5A4, #007D91, #225174)
• Cerulean Corridor color palette (#F5EBF4, #92D1D8, #0091C8, #007044, #172C56)
• Sunlit Blush Meadow color palette (#E9F8FF, #78C6D4, #E78292, #0090A3, #652F39)
• Hushed Bronze color palette (#E9F8FF, #3FB6CB, #D57B76, #B46A31, #1D3D49)
• Timeworn Cobalt Archive color palette (#ECE3E8, #8FB8D0, #3676BF, #005B4D, #1B134B)

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