Straw Pier color palette — #F8F6E5 · #CDDE94 · #D4B8F8 · #A3B077 · #61434E

Built around Pistachio, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F6E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#CDDE94): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#D4B8F8): A whisper-light, balanced violet — the color of wild irises.
• Sage (#A3B077): A luminous, dusty green — the color of fresh herbs.
• Cocoa (#61434E): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged 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 Stone color palette (#F7F6E8, #B2D18C, #AFA9E3, #7E9660, #5F4352)
• Hushed Pier color palette (#F1F8EA, #84EDC5, #F2B0D1, #73B99D, #654342)
• Softworn Sand Boulevard color palette (#FFF3E5, #FFCA89, #A4CAFA, #CA9F6B, #59455A)
• Muted Cocoa color palette (#FFF2EA, #F2D3B5, #D3AD93, #AB8A7A, #624000)
• Fern Quarry color palette (#F8F6E3, #CCE9D1, #CABD9C, #92C8C9, #505000)
• Olive Bloom color palette (#F2F8EA, #F5DBA5, #78AC91, #617635, #292D24)
• Pale Seafoam color palette (#E9F3DC, #3AF5B1, #F089CB, #009467, #4C273F)
• Softworn Seafoam color palette (#FFDBD5, #D5D9FF, #6BF4A0, #667632, #343630)

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