Straw Harbor color palette — #FFF3E5 · #FEE87F · #97DDA4 · #C4756B · #45403A

A conversation between Butter and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Butter (#FEE87F): A whisper-light, balanced green — the color of a quiet forest floor.
• Pistachio (#97DDA4): A whisper-light, balanced green — the color of a quiet forest floor.
• Caramel (#C4756B): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#45403A): quiet, heavy and certain.

Feels like: Nature, Growth, Softness, Clarity. Tagged pastel, 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

• Wandering Driftwood Dune color palette (#FFF2EE, #E3DFC1, #C2D78A, #BC6A82, #4D4742)
• Pale Lantern color palette (#FFF7C7, #CBFC9E, #4DEDD3, #AF7B47, #494740)
• Pale Plum color palette (#FFF3E6, #F7F5AA, #78CEB3, #B45264, #544921)
• Feathered Coral color palette (#FFF0F7, #EDF2A9, #84F8C5, #F8807D, #514110)
• Gentle Mint Station color palette (#FFE8CA, #D6DB7E, #64CA9B, #9C634C, #38352E)
• Amber Studio color palette (#E3FEE2, #C3D5EA, #B1E0C6, #E28442, #463400)
• Hushed Basin color palette (#FEF5DA, #B9F8E5, #94DAF5, #AD906B, #534D00)
• Aged Loft color palette (#FFEBD7, #D9AD4E, #BC7220, #8D4C39, #39370A)

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