Straw Study color palette — #FDF1FB · #E5EDA5 · #9F6460 · #492D46 · #160B15

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

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Butter (#E5EDA5): A whisper-light, balanced green — the color of a quiet forest floor.
• Mocha (#9F6460): A full-bodied, dusty orange — the color of sun-warmed clay.
• Charcoal (#492D46): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#160B15): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Hushed Study color palette (#FFF1F5, #CAE8D3, #A37887, #563E47, #21181B)
• Aged Bronze color palette (#EBFAEE, #FFE2A6, #8D7233, #20412A, #061309)
• Muted Meadow color palette (#FFF2EA, #F6CD9E, #BD866E, #8C5329, #291F18)
• Timeworn Cocoa Hollow color palette (#FBEDF5, #D2AB81, #7A452E, #461600, #13090F)
• Ancient Workshop color palette (#FCF1F9, #F1D7C2, #6CB264, #C76C5D, #011714)
• Hushed Thicket color palette (#FFF0F9, #FF9062, #56AACC, #3D7B95, #2F1F29)
• Dusty Moss Workshop color palette (#F7E9F2, #9A9200, #501200, #1A0A05, #040000)
• Mustard Study color palette (#FFF0F7, #DFC300, #8A4000, #341400, #040002)

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