Tempered Straw color palette — #F8F5EC · #E5D876 · #78C380 · #B0A441 · #232519

Honey and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Honey (#E5D876): A whisper-light, balanced green — the color of a quiet forest floor.
• Mint Leaf (#78C380): A luminous, balanced green — the color of new leaves after rain.
• Gold (#B0A441): A luminous, balanced green — the color of fresh herbs.
• Onyx (#232519): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Hushed Chapel color palette (#F5F6EC, #C5ECB1, #70CBB5, #95B783, #2A3026)
• Mustard Dune color palette (#FBF4ED, #FFCA93, #C2AE4C, #D1934E, #292317)
• Amber Field color palette (#F0F7F2, #F8E4AD, #43B591, #A6861F, #001618)
• Dusty Thicket color palette (#FCF5DE, #B0D774, #79B583, #438DA3, #3D3E37)
• Dusty Mustard Quarry color palette (#FFF4E1, #E0AC00, #52B08C, #A76A73, #3B2819)
• Celadon Study color palette (#EBFCC3, #B4E094, #83BF80, #4A9668, #00472F)
• Quiet Corridor color palette (#F5F3DF, #B3D300, #00B95B, #829B00, #001706)
• Bronze Harbor color palette (#FCF4EA, #E8BC78, #26A2A3, #A77612, #1A281B)

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