Straw Harbor color palette — #FAF5E8 · #E3D78B · #C1C0FA · #B2AA73 · #5D4453

Built around Wheat, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Wheat (#E3D78B): A whisper-light, balanced green — the color of fresh herbs.
• Lavender (#C1C0FA): A whisper-light, balanced violet — the color of a velvet chair.
• Sage (#B2AA73): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#5D4453): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

One click turns Straw Harbor 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 Sand Thicket color palette (#FDF4E9, #FBCC8E, #99CEF8, #C6A172, #34554B)
• Hushed Seafoam color palette (#F4F7EA, #A2E9AA, #EFAFDF, #85B78A, #624446)
• Softworn Workshop color palette (#FDF5DC, #D3CC67, #B1B8F7, #BF96BC, #45423B)
• Mustard Studio color palette (#E9FAF0, #D7C56B, #E498AC, #9A8D48, #57465C)
• Washed Cabin color palette (#FEF4DE, #D0E9CB, #98CCCF, #D1BBA4, #554D00)
• Straw Veranda color palette (#FEF6CF, #DEE7A4, #BAC07F, #838D5D, #3D3B34)
• Muted Olive Delta color palette (#E7F6EE, #BBB587, #9097D0, #7F7300, #24304E)
• Weathered Chartreuse Atelier color palette (#FCF7CE, #BEEE35, #CBA0FF, #719100, #452D60)

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