Straw Harbor color palette — #F9F5EA · #F3DD87 · #DEDFCB · #A3B878 · #49463F
Butter takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Butter (#F3DD87): A whisper-light, balanced green — the color of fresh herbs.
- Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A3B878): A luminous, balanced green — the color of fresh herbs.
- Charcoal (#49463F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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
- Straw Parlor color palette (#E9FAF0, #EFE5A0, #D1DAC7, #8DD4BF, #2C4E41)
- Timeworn Stone Garden color palette (#F9F6E0, #D5D6C1, #ABB497, #6F887A, #3E564D)
- Muted Moss color palette (#FCF6D6, #BBD295, #87B258, #597F4B, #4B4C45)
- Honey Basin color palette (#FBF4E8, #E5DAC7, #DDC970, #75A486, #544900)
- Worn Apricot color palette (#F6F6EA, #ABD198, #E99A82, #73995E, #534B47)
- Taupe Thicket color palette (#F7F2E3, #A49F54, #655801, #3A3831, #24211C)
- Faded Meadow color palette (#F0F9E7, #B8F9BE, #4FE8B3, #2BBAAE, #2F3F22)
- Chalky Studio color palette (#FAF6DD, #EBDD00, #B1D000, #41B637, #29400B)
Browse the whole catalog at Explore, or see today's palette.