Straw Garden color palette — #F7F5ED · #DCE5A8 · #A8B4E9 · #A9B17B · #362932

Celadon Mist and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Celadon Mist (#DCE5A8): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#A8B4E9): A luminous, dusty violet — the color of twilight just after sunset.
• Sage (#A9B17B): A luminous, dusty green — the color of new leaves after rain.
• Espresso (#362932): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, light, muted.

Use it as a design system

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

• Aged Studio color palette (#F9F4EC, #F8DB91, #72C6D6, #BEA972, #243228)
• Antique Studio color palette (#F3F7EE, #A5F2CA, #D5A2DC, #81B99C, #38292C)
• Seafoam Parlor color palette (#F5F6EB, #A8D797, #B49DD4, #AE7864, #48413D)
• Worn Seafoam Garden color palette (#EEF8F6, #B0E0AB, #5CA9B4, #72986D, #213036)
• Stone Meadow color palette (#F4F6EE, #D2DEDA, #A8B4BA, #6E656B, #51544C)
• Hushed Seafoam Summit color palette (#F2F7EB, #4BEAAE, #AA8FEF, #45AC82, #24121B)
• Seafoam Canyon color palette (#EEFCD0, #A0EEC2, #77CBC8, #5496AF, #334271)
• Wandering Olive color palette (#EBF4F2, #B2CDA1, #3A90A3, #518128, #09181F)

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