Tempered Straw color palette — #93F8FF · #F4D66C · #C4C4FF · #584651 · #352F33

Built around Lemon, softened by Sea Foam — the whole palette hums with nature and growth.

The five colors

• Sea Foam (#93F8FF): A whisper-light, balanced blue — the color of deep harbor water.
• Lemon (#F4D66C): A whisper-light, balanced green — the color of fresh herbs.
• Lilac Frost (#C4C4FF): A whisper-light, balanced violet — the color of wild irises.
• Charcoal Brown (#584651): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#352F33): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged neon, dark, vibrant, 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

• Timeworn Station color palette (#8FFFCB, #FFCBAA, #BCC7FF, #584953, #3C3339)
• Celadon Field color palette (#CAEAFF, #BBE890, #E8B3FF, #614C51, #3D3134)
• Celadon Study color palette (#F2FFA4, #DFFFE3, #F4E9FF, #3F3F50, #23232B)
• Washed Driftwood Summit color palette (#FFF1F5, #D5D4AD, #8B729A, #5F454C, #34272B)
• Antique Veranda color palette (#FEE297, #FFD0C5, #FFB9F5, #7C6063, #352C2D)
• Lime Terrace color palette (#D4F6FB, #AACB00, #FF75C7, #4C2A2A, #2B1818)
• Gentle Lantern color palette (#DEF3FF, #6BE98C, #FF9CB1, #543731, #30221F)
• Muted Taupe color palette (#FCF3F2, #DFD9D3, #B1B5A8, #B8908D, #585050)

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