Straw Harbor color palette — #FAF5E8 · #F2E999 · #FBB6C4 · #A29C68 · #5E3C35

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Butter (#F2E999): A whisper-light, balanced green — the color of new leaves after rain.
• Ballet Pink (#FBB6C4): A whisper-light, balanced red — the color of late-summer berries.
• Moss (#A29C68): A luminous, dusty green — the color of a quiet forest floor.
• Cocoa (#5E3C35): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Muted Taupe Courtyard color palette (#FAF5E6, #DBD99A, #C8BDFB, #AFAC68, #604352)
• Hushed Celadon Summit color palette (#F4F7E7, #B0FBBC, #FCBB92, #77A87E, #4B4540)
• Hushed Balcony color palette (#FEF4E3, #FFE39C, #7DE0D6, #AD9761, #394C35)
• Fern Market color palette (#F9F6DF, #B5E6D4, #C4C7D2, #BEB28E, #5A5500)
• Bronze Summit color palette (#FAF5E5, #C8F0C9, #BBAE86, #937630, #484000)
• Weathered Bronze color palette (#FCF4E8, #C4AC85, #A889C6, #8F6D00, #564369)
• Softworn Sunflower Balcony color palette (#FAF6DF, #C2D776, #65D0C3, #C79677, #3A3932)
• Fern Dune color palette (#F5F6E9, #B2F7D7, #729066, #494A00, #1B1C14)

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