Straw Harbor color palette — #FBF1FD · #F2E98F · #9E636C · #462E4A · #150C16
Built around Butter, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF1FD): bright and airy, almost weightless.
- Butter (#F2E98F): A whisper-light, balanced green — the color of new leaves after rain.
- Mocha (#9E636C): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal (#462E4A): A deep, shadowed, dusty pink — the color of a candy shop window.
- Ink (#150C16): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, 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
- Antique Driftwood color palette (#FBF2F7, #C8E9D3, #A67B65, #553E4B, #21181D)
- Weathered Bone color palette (#FBF1FF, #C8DFA7, #BD8190, #6E5B75, #261E29)
- Softworn Field color palette (#EAFBE9, #FED364, #915F00, #412800, #010B01)
- Weathered Grove color palette (#FAEFEC, #A5BC8E, #813B4C, #421622, #160806)
- Ancient Bronze Chapel color palette (#FFE5EF, #947600, #374238, #2C1400, #030100)
- Antique Studio color palette (#FCF1FB, #F3D6C5, #6EB16A, #C46D6C, #031614)
- Coral Loft color palette (#FFF0FD, #FF8C86, #4FADC1, #2B7F90, #2F1E2D)
- Moss Loft color palette (#F5E4F3, #A08F00, #57000C, #1B0A07, #040000)
Browse the whole catalog at Explore, or see today's palette.