Straw Harbor color palette — #FFF2ED · #E9E584 · #E0DBCE · #B87A9C · #342D29

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Butter (#E9E584): A whisper-light, balanced green — the color of a quiet forest floor.
• Bone (#E0DBCE): bright and airy, almost weightless.
• Dusty Rose (#B87A9C): A luminous, balanced rose — the color of strawberry cream.
• Espresso (#342D29): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, 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

• Antique Delta color palette (#FFF0F9, #EBDEC0, #DBD485, #D0958F, #513544)
• Patina Iris color palette (#FFF1F2, #E2D9D1, #A7C1A7, #957DB9, #472D2C)
• Seafoam Chapel color palette (#FFF3E6, #D7FCC4, #72F3DD, #CC7F70, #35312B)
• Antique Corridor color palette (#FFF0FC, #FFD6BA, #CFB477, #9E5B66, #4F3446)
• Frosted Pier color palette (#FFF3E5, #FFF9B0, #7EF68A, #E04B37, #372A00)
• Driftwood Balcony color palette (#FFF4DF, #C7CD8F, #A28735, #794D1B, #232309)
• Linen Bronze color palette (#FFF6D1, #C3F4E7, #67E6E3, #AB7400, #2E2A03)
• Linen Balcony color palette (#FFF2EE, #EB747A, #0097C4, #82418A, #270C05)

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