Straw Pier color palette — #E7FBF3 · #FFF3A4 · #CDDF9B · #98BC93 · #304A43
Butter takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E7FBF3): A whisper-light, dusty teal — the color of sea glass.
- Butter (#FFF3A4): A whisper-light, balanced green — the color of new leaves after rain.
- Celadon Mist (#CDDF9B): A whisper-light, balanced green — the color of fresh herbs.
- Sage (#98BC93): A luminous, dusty green — the color of fresh herbs.
- Charcoal (#304A43): A deep, shadowed, dusty teal — the color of sea glass.
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
- Muted Courtyard color palette (#EDF9ED, #EADFC8, #DDD68D, #C6B472, #384C3B)
- Ancient Parlor color palette (#ECF9EF, #DAD3A5, #78A893, #6D8473, #415248)
- Timeworn Seafoam Chapel color palette (#F8F5E9, #B5FCB9, #DDE5C2, #72E1AC, #43433C)
- Seafoam Chapel color palette (#E2FBFB, #A0EFF9, #8CECC0, #7AC5BE, #315054)
- Aged Seafoam color palette (#E3FBFA, #92D6AC, #DAA477, #5C9C76, #5F444F)
- Worn Moss Balcony color palette (#E6F6F1, #87A953, #465D5A, #2E3B38, #1D2321)
- Softworn Lagoon Alley color palette (#EDF8F6, #D4DDED, #85BAD0, #549298, #3E5667)
- Quiet Chartreuse Basin color palette (#D9FEF8, #BFE900, #7AE05B, #00BC8A, #15431F)
Browse the whole catalog at Explore, or see today's palette.