Worn Straw color palette — #FFF2ED · #FBE28C · #8CB576 · #876177 · #5B374C

Butter and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Butter (#FBE28C): A whisper-light, balanced green — the color of a quiet forest floor.
• Sage (#8CB576): A luminous, balanced green — the color of a quiet forest floor.
• Pewter (#876177): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#5B374C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Celadon Harbor color palette (#FFF4DA, #CAF4BC, #7EB8AF, #90686B, #60383B)
• Navy Market color palette (#FFF2EF, #FFD8AF, #9AA776, #5E6E97, #303E67)
• Antique Studio color palette (#FFF4DD, #C8E68F, #56A66A, #885B6D, #2F2F28)
• Mustard Studio color palette (#FFE9DC, #D8C469, #679C70, #5C5176, #452735)
• Aged Stone color palette (#FFECD0, #A4B869, #238369, #542F39, #27102E)
• Worn Stone Delta color palette (#FFF1F6, #EFD8BF, #C3AB6E, #4F786D, #1D4F43)
• Powdered Seafoam color palette (#F6FCB6, #8BE5B1, #419AA0, #7F5261, #4F1C30)
• Pale Market color palette (#FFE5CB, #B7AA6F, #6A8846, #105E98, #3D416B)

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