Tempered Straw color palette — #FFF3E6 · #DFE387 · #5FB999 · #757194 · #53385C

Butter and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Butter (#DFE387): A whisper-light, balanced green — the color of new leaves after rain.
• Jade (#5FB999): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#757194): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#53385C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Softworn Oat color palette (#DCFFEA, #BEDFAF, #7AAEB7, #70667F, #413552)
• Softworn Teal Drift color palette (#FFE6DC, #D5CC9C, #74BD9D, #9387AC, #643E5E)
• Mint Balcony color palette (#F0E6B1, #85BC8E, #428387, #4E3C5A, #2A0217)
• Worn Sand color palette (#FFF2F0, #FFCE95, #9BA66A, #59689B, #3B466F)
• Tempered Workshop color palette (#D7E8C9, #31A786, #1E708F, #4B202A, #150004)
• Ancient Basin color palette (#FFF4E0, #ADCA77, #60959D, #694566, #2D243F)
• Misty Seafoam color palette (#DBFEF3, #9BEFB4, #27A893, #8E5B59, #003635)
• Hushed Seafoam color palette (#E2FFD9, #00DCCB, #5A9CC6, #8C5155, #4A1B20)

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