Straw Pier color palette — #FDF1F8 · #E6D6D5 · #DEDC74 · #A5B2AD · #4E2D3C

A conversation between Lemon and Espresso, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Bone (#E6D6D5): a clean, paper-quiet neutral.
• Lemon (#DEDC74): A whisper-light, balanced green — the color of new leaves after rain.
• Ash (#A5B2AD): soft and architectural.
• Espresso (#4E2D3C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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

• Weathered Celadon color palette (#FFF1F5, #E4D7D3, #C7E590, #A0B0AD, #2E4730)
• Worn Sand color palette (#FFF2EA, #E4DAD2, #F5C184, #ABCAA9, #6B3900)
• Aged Lime color palette (#FFF1F5, #E4D9D2, #C1D39D, #7AC600, #372A00)
• Sand Pier color palette (#FFEBF6, #EAD5C4, #FFB68E, #BC915C, #37252D)
• Tempered Driftwood Study color palette (#FCF1FF, #E9D8D8, #A7C7B2, #788AA7, #515164)
• Bronze Veranda color palette (#FFF0F9, #E9DFC2, #CCA85F, #897C1A, #255043)
• Clover Coast color palette (#E4FCEC, #DCD9CC, #FED160, #24C75E, #1F2100)
• Pale Lantern color palette (#E6FBF1, #F6FF97, #D5D8CB, #00DAA7, #1D350D)

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