Worn Straw color palette — #9CF6FF · #F4DD68 · #CCD0FF · #5F677A · #35373E

Lemon and Sea Foam set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#9CF6FF): A whisper-light, balanced blue — the color of deep harbor water.
• Lemon (#F4DD68): A whisper-light, balanced green — the color of a quiet forest floor.
• Lilac Frost (#CCD0FF): A whisper-light, dusty violet — the color of a velvet chair.
• Graphite (#5F677A): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#35373E): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Worn Straw 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 Celadon color palette (#BFFFF8, #B1F19B, #BED4FF, #5A6473, #2C3139)
• Timeworn Seafoam color palette (#88FFDB, #FFD68C, #87E3FF, #586C77, #2B3438)
• Quiet Quarry color palette (#71FEFA, #FFCD94, #FFA7F7, #5A4346, #3B3133)
• Hushed Veil Harbor color palette (#FFE5FC, #D8E3D3, #D0CBDD, #4E475F, #2A2730)
• Muted Dune color palette (#F4F4FF, #B0EBEA, #9C99BF, #6B6986, #2B2A36)
• Hushed Blush color palette (#D8EAE2, #4EDBFD, #E675A8, #5C4C66, #201B24)
• Seafoam Canyon color palette (#D7E2FF, #00EEE0, #FFA7D5, #5E506A, #2D2733)
• Weathered Chartreuse color palette (#EDE6FB, #67E800, #A4BAFF, #4C5880, #1C2330)

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