Straw Harbor color palette — #EBF9F3 · #FEE58A · #777C38 · #1A4133 · #08120E
Built around Butter, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBF9F3): bright and airy, almost weightless.
- Butter (#FEE58A): A whisper-light, balanced green — the color of fresh herbs.
- Walnut (#777C38): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#1A4133): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#08120E): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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 Pier color palette (#E9F9F6, #FEF9B9, #71906A, #304D48, #131E1C)
- Pale Loft color palette (#DCFDFD, #D9E359, #007F55, #003823, #000A0A)
- Aged Meadow color palette (#EAF9F3, #EDD29A, #909C62, #476C5F, #162520)
- Moss Dune color palette (#D3EAE2, #A48D00, #253000, #040B0C, #010100)
- Wandering Fern color palette (#F4F2E6, #C7B083, #515B22, #252B00, #100C00)
- Aged Grove color palette (#E2FCF3, #A1C154, #50AEBB, #98634D, #0E2B23)
- Washed Archive color palette (#EBF8F6, #B9F9B3, #40B3A2, #5C9C58, #00161A)
- Airy Mustard color palette (#D7FFF5, #DBC500, #3D6500, #132400, #010200)
Browse the whole catalog at Explore, or see today's palette.