Straw Garden color palette — #F8F3FA · #E5E2A2 · #BF8F9B · #76667C · #2F2931

Built around Celadon Mist, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F3FA): a clean, paper-quiet neutral.
• Celadon Mist (#E5E2A2): A whisper-light, balanced green — the color of a quiet forest floor.
• Dusty Rose (#BF8F9B): A luminous, dusty red — the color of embers at dusk.
• Slate (#76667C): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#2F2931): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Worn Meadow color palette (#FFF2ED, #F8C698, #A36D68, #77391E, #322925)
• Timeworn Amber color palette (#EEF9EF, #F0D28D, #B48E4C, #4D6C51, #1C241D)
• Sunflower Parlor color palette (#FFF0FC, #ECCF1A, #CF6D62, #814B44, #241422)
• Washed Archive color palette (#FBEFEB, #D6C09E, #855055, #4D2127, #1D100D)
• Weathered Stone color palette (#FBF2F7, #CDDADB, #D4AFB2, #A1A1AF, #594F55)
• Tempered Apricot color palette (#FDF1F9, #FC9F89, #57B2C7, #5A95A4, #333442)
• Tempered Sand color palette (#E7FBEB, #FFBFA5, #B6B07F, #788DAD, #544248)
• Hushed Amber Lantern color palette (#D7ECDD, #BF8D00, #6B5600, #322700, #000201)

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