Straw Workshop color palette — #F8F3FC · #E6ECAB · #96657D · #41304F · #130B1A

A conversation between Celadon Mist and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F8F3FC): a clean, paper-quiet neutral.
• Celadon Mist (#E6ECAB): A whisper-light, balanced green — the color of a quiet forest floor.
• Mocha (#96657D): A full-bodied, dusty rose — the color of a warm blush.
• Navy (#41304F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#130B1A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Tempered Vanilla Drift color palette (#FBF2FA, #FEF7C6, #A77873, #553D51, #20191F)
• Dusty Mulberry Ridge color palette (#F6EFF7, #DBA682, #893347, #341D38, #110912)
• Antique Lagoon color palette (#FFF2EF, #F3CDAE, #C27E8B, #83545C, #301B17)
• Linen Sunflower Chapel color palette (#FFF0F8, #F7D65E, #9D5526, #4C2000, #11030A)
• Shell Dune color palette (#E3FDEA, #FFB6AD, #A88E58, #426591, #422837)
• Timeworn Peony Pier color palette (#F9F3FB, #F7D4CA, #A8A156, #C56882, #06160E)
• Blush Market color palette (#FCF1FF, #EC95A9, #4BB0AB, #03847F, #2D1E31)
• Olive Grove color palette (#FEF1F9, #D9896F, #578C43, #115C8E, #211424)

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