Straw Drift color palette — #FCF5E2 · #E5D77E · #B9C2FF · #B4AA6B · #5D4455

A conversation between Honey and Lavender, giving this palette its sense of nature and growth.

The five colors

• Cream (#FCF5E2): A whisper-light, dusty green — the color of new leaves after rain.
• Honey (#E5D77E): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#B9C2FF): A whisper-light, balanced violet — the color of a velvet chair.
• Sage (#B4AA6B): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#5D4455): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Powder Loft color palette (#FCF4E6, #D7C480, #ACA8EB, #9B8C57, #614254)
• Muted Study color palette (#FEF3E7, #FFC98F, #97CEF7, #CA9F70, #2F564A)
• Hushed Seafoam Coast color palette (#F4F7E6, #A4E8AD, #E7B3E1, #88B68D, #614448)
• Timeworn Market color palette (#FCF5DE, #D1CD5C, #7FC9E8, #D09DB7, #45423B)
• Fern Alley color palette (#FBF5E3, #D2E6CC, #96C5BF, #CCB695, #585000)
• Pale Chartreuse color palette (#FDF7CB, #B0D800, #BEA5FF, #87A600, #402E65)
• Straw Courtyard color palette (#FEF6D2, #E5EBA1, #B6C384, #848B5B, #38362F)
• Bronze Boulevard color palette (#E7F6ED, #BDB486, #CE8299, #837100, #3B2942)

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