Timeworn Straw color palette — #F3E883 · #FFCC9F · #99D2FF · #3F5850 · #28302D

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

The five colors

• Butter (#F3E883): A whisper-light, balanced green — the color of fresh herbs.
• Peach Cream (#FFCC9F): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Sky (#99D2FF): A whisper-light, balanced blue — the color of open sky before noon.
• Charcoal Brown (#3F5850): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#28302D): quiet, heavy and certain.

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

Use it as a design system

One click turns Timeworn 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

• Hushed Celadon Coast color palette (#E2F07B, #FFBDBC, #9BBEFF, #464556, #2F3237)
• Softworn Glacier color palette (#C6FDB6, #FFCF7E, #00E5F7, #3C5040, #2C332D)
• Worn Seafoam color palette (#FFE19D, #FFC9BC, #00EDB1, #4B4E48, #2E312C)
• Dusty Celadon Courtyard color palette (#EFFFA2, #E1F0FF, #D7D2C8, #334352, #192026)
• Cobalt Harbor color palette (#FBF2F9, #E0D0A4, #667CB1, #5A4557, #322730)
• Aged Glacier color palette (#72FEFE, #FFD3E7, #C1D3FF, #6C5B69, #383237)
• Celadon Summit color palette (#82FEE8, #96F1A0, #B1CAFF, #574555, #383037)
• Pale Pier color palette (#DEE8CC, #EEB806, #91B2FF, #253763, #271725)

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