Straw Boulevard color palette — #FFF1F0 · #F4E57F · #E1D8D0 · #9F8CC6 · #4C3128

Butter takes the lead with Blue Fog close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Butter (#F4E57F): A whisper-light, balanced green — the color of fresh herbs.
• Bone (#E1D8D0): a clean, paper-quiet neutral.
• Blue Fog (#9F8CC6): A luminous, balanced violet — the color of wild irises.
• Espresso (#4C3128): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Softworn Archive color palette (#FFF2EE, #EBFFBD, #E0DECE, #BD8CB8, #4B4540)
• Washed Iris color palette (#FFF1F4, #E4D6D3, #A5BBD5, #848DCE, #452D2C)
• Feathered Chartreuse color palette (#FFF2EE, #95FF7B, #E0DFCD, #CC5587, #3F2100)
• Hushed Veranda color palette (#FFF2EB, #DEE1CB, #C3C5D3, #D8ADA8, #6F4300)
• Taupe Boulevard color palette (#FFEDE8, #FFD1C7, #D69C80, #8F5563, #3A2217)
• Wandering Coral Basin color palette (#FFF3E5, #EDFEBF, #CBF4FE, #DC7063, #3C3B10)
• Faded Seafoam color palette (#FFF3E5, #CAFAD6, #00E7DE, #B76A62, #2C2300)
• Tempered Pewter color palette (#FCF1FF, #F2CEE4, #C4A969, #925D8B, #4D364B)

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