Tempered Straw color palette — #FFF1F5 · #FFE28F · #BCBE71 · #7A8D5D · #2B4E4C
Built around Butter, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Butter (#FFE28F): A whisper-light, balanced green — the color of fresh herbs.
- Pistachio (#BCBE71): A luminous, balanced green — the color of a quiet forest floor.
- Moss (#7A8D5D): A luminous, dusty green — the color of a quiet forest floor.
- Charcoal (#2B4E4C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, 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
- Celadon Studio color palette (#DBFFED, #DCF4A0, #8BBD81, #5F9278, #315258)
- Weathered Courtyard color palette (#FFF0FD, #EFDBC0, #E2A571, #917848, #365041)
- Fern Ridge color palette (#FFF3E3, #D0BF8C, #918F48, #556B14, #4F4F48)
- Ancient Veranda color palette (#E4FBF3, #E0EEAA, #C9C3FF, #95A169, #3F455D)
- Faded Chartreuse color palette (#F3FDBA, #8CDA64, #29A858, #006B56, #003231)
- Antique Stone color palette (#D8FFF5, #A0E3E2, #ABC085, #566F45, #04342D)
- Stone Harbor color palette (#E6FBF2, #B4E0EB, #BEB3B9, #98B99E, #455753)
- Gentle Chartreuse color palette (#FFF5D8, #CCDA00, #63AC00, #007925, #004130)
Browse the whole catalog at Explore, or see today's palette.