Straw Pier color palette — #F5E880 · #FFD1BB · #FFBBEA · #6A6474 · #35323A

Built around Butter, softened by Carnation — the whole palette hums with nature and growth.

The five colors

• Butter (#F5E880): A whisper-light, balanced green — the color of new leaves after rain.
• Peach Cream (#FFD1BB): A whisper-light, dusty orange — the color of autumn markets.
• Carnation (#FFBBEA): A whisper-light, balanced pink — the color of peonies in June.
• Graphite (#6A6474): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#35323A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Worn Hollow color palette (#F7F3FD, #FFD3C0, #A597B9, #71687E, #2D2932)
• Worn Celadon Corridor color palette (#A4FEB0, #CBE583, #E5B4FF, #4D4C5B, #34343C)
• Petal Boulevard color palette (#C1ECFF, #FFCCDD, #DACAFF, #5D5F6F, #333540)
• Airy Chartreuse color palette (#C4ECE2, #A0E67A, #FFB663, #755962, #33262A)
• Washed Celadon color palette (#EEFFAD, #DCFFEB, #F4E9FF, #533741, #2D2628)
• Driftwood Workshop color palette (#F8F3FA, #E0D7DA, #B7ACAA, #6F7A97, #555057)
• Mallow Station color palette (#E5EAFF, #FFAF91, #FF97CA, #6A3F54, #281F2E)
• Weathered Teal color palette (#F3F4FF, #CBAFEB, #61BBAE, #5391AD, #293244)

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