Patina Straw Loft color palette — #FFF3E9 · #EFE39A · #98D6B6 · #B27B85 · #413E37

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Butter (#EFE39A): A whisper-light, balanced green — the color of a quiet forest floor.
• Pistachio (#98D6B6): A whisper-light, dusty teal — the color of shallow lagoons.
• Dusty Rose (#B27B85): A luminous, dusty red — the color of late-summer berries.
• Charcoal (#413E37): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Patina Straw Loft 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

• Patina Amber Ridge color palette (#FFF3E4, #DBE1B9, #A4DB9E, #CF9048, #47433D)
• Cocoa Summit color palette (#FFF2EE, #EADBBB, #C5C580, #9A7A9E, #6B320B)
• Weathered Powder color palette (#FFF5D3, #B1F3E6, #85CDE1, #A98260, #443E00)
• Sky Study color palette (#EBF0CB, #7EE4D7, #6EB8F6, #847E37, #2B3C1E)
• Wandering Garden color palette (#FAF9B7, #91F388, #00CDE2, #BF6C37, #374207)
• Washed Mustard Harbor color palette (#F7E4D3, #CAAA5A, #AA7242, #7C4C48, #32302A)
• Hushed Taupe Loft color palette (#E2FEE6, #B3E5DF, #A9AD70, #8A633B, #26452E)
• Linen Mustard Boulevard color palette (#F9EDDF, #BFC768, #52BC9A, #984E52, #2F2500)

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