Weathered Pier color palette — #FFF3E9 · #F9C733 · #909802 · #116121 · #002D20

Sunflower and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sunflower (#F9C733): A whisper-light, vivid gold — the color of honey in a jar.
• Moss (#909802): A luminous, balanced green — the color of new leaves after rain.
• Pine (#116121): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002D20): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Wandering Emerald color palette (#FFF5D6, #BCD669, #4DA552, #00644F, #002324)
• Muted Amber color palette (#FFF2EF, #FFB98D, #B78A23, #565900, #052700)
• Sunlit Moss Delta color palette (#F0E4C2, #789500, #00652F, #002821, #000202)
• Misty Olive Basin color palette (#FAD9A2, #AC984D, #687400, #294F00, #003818)
• Celadon Corridor color palette (#FFF3E2, #E8F084, #86B169, #22795D, #003636)
• Antique Mustard Ridge color palette (#FFDAAB, #B5A200, #507300, #003713, #000403)
• Faded Alley color palette (#FFD9CA, #ECB778, #A2A33D, #2D8B4D, #003D36)
• Mustard Study color palette (#FFF3E5, #E7AB21, #588E4A, #564383, #2B2001)

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