Straw Harbor color palette — #DEFFE5 · #EAEE9B · #97BB77 · #578365 · #2A5056

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

The five colors

• Honeydew (#DEFFE5): A whisper-light, dusty teal — the color of glacier melt.
• Butter (#EAEE9B): A whisper-light, balanced green — the color of fresh herbs.
• Sage (#97BB77): A luminous, balanced green — the color of new leaves after rain.
• Fern (#578365): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#2A5056): A full-bodied, dusty blue — the color of open sky before noon.

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

• Ancient Stone color palette (#FFF0F8, #E5E5C7, #BEAF67, #728358, #2E5651)
• Dusty Fern Canyon color palette (#D5FCED, #AEBE8C, #698C4A, #3C692F, #10423D)
• Softworn Delta color palette (#D7FFF6, #94EDFF, #69CFBD, #48898B, #3A5463)
• Timeworn Lime Veranda color palette (#EAF59E, #62CD18, #00936B, #00534E, #001D24)
• Washed Celadon color palette (#E7FAF7, #BDF8B9, #DDBBFC, #7FA67C, #434261)
• Soft Mint Chapel color palette (#E8FFC5, #6ADD78, #00AC8E, #006F79, #003B4B)
• Mint Lantern color palette (#D4FFFC, #AFDCE7, #8EC399, #537B5A, #003030)
• Misty Seafoam Bloom color palette (#E0FFE0, #61F8D8, #00BBB9, #327F9C, #274158)

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