Straw Pier color palette — #FFF4E0 · #E9D9C2 · #F7D66D · #7DD3AA · #403F38

Lemon and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Bone (#E9D9C2): A whisper-light, dusty gold — the color of old brass.
• Lemon (#F7D66D): A whisper-light, balanced green — the color of new leaves after rain.
• Mint Leaf (#7DD3AA): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#403F38): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, 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

• Worn Straw Quarry color palette (#E4FCED, #F6E98A, #DDD8CE, #76DAC7, #293005)
• Patina Mint Grove color palette (#FFF2EA, #F0D6D1, #E3C895, #99C87D, #553300)
• Aged Bone color palette (#FFF3E4, #E3DAB6, #B5C1A5, #AC8D97, #60464F)
• Muted Sunflower Canyon color palette (#F4E9B7, #C5D568, #8FBF62, #5D9468, #3E4F31)
• Tempered Seafoam Lantern color palette (#F7F6E3, #9BFCD0, #DBE2C1, #8CDDDD, #404F03)
• Chalky Field color palette (#EFFDC4, #FFD090, #C2CF00, #00CCAA, #183400)
• Dusty Fern Boulevard color palette (#F7F6EA, #B5E2BF, #77BBAB, #A7887D, #3E4800)
• Seafoam Corridor color palette (#F4F8DF, #97E295, #D2A9F6, #73B072, #5B3543)

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