Straw Boulevard color palette — #FFF1F6 · #F6E092 · #D1DDCD · #B2876E · #263B24

A conversation between Butter and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Butter (#F6E092): A whisper-light, balanced green — the color of new leaves after rain.
• Bone (#D1DDCD): A whisper-light, dusty green — the color of fresh herbs.
• Caramel (#B2876E): A luminous, dusty gold — the color of afternoon light on wheat.
• Forest (#263B24): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Worn Lichen color palette (#DFFEE9, #FBFAB3, #B6EAC5, #AF8F58, #203B2E)
• Washed Taupe Summit color palette (#E1FEE4, #C0DCC7, #8CB5CC, #B18A65, #273E2E)
• Washed Meadow color palette (#FFEFFF, #DCD8CD, #9AB2A9, #B87D8D, #402B3E)
• Timeworn Bronze Alley color palette (#FFEEE1, #EED4AC, #AAB27E, #9F5648, #332209)
• Softworn Study color palette (#FFF0F8, #E5D7A3, #90BB8E, #9E546D, #314A33)
• Hushed Amber color palette (#FFF0F8, #EFBB96, #BB7752, #774B3D, #301922)
• Softworn Olive color palette (#DEFFE4, #B9E7E4, #80D7E9, #638C4F, #032E2E)
• Ash Pier color palette (#E3FCF2, #BFE5ED, #BDB6C0, #8F8CAC, #42544F)

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