Straw Harbor color palette — #F9F6E5 · #D2DD95 · #80D6E8 · #A6AE7A · #395443
Built around Celadon Mist, softened by Ice Blue — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F6E5): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#D2DD95): A whisper-light, balanced green — the color of fresh herbs.
- Ice Blue (#80D6E8): A whisper-light, balanced blue — the color of deep harbor water.
- Sage (#A6AE7A): A luminous, dusty green — the color of fresh herbs.
- Charcoal Brown (#395443): A full-bodied, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. 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
- Timeworn Field color palette (#F9F7DD, #B6D57E, #66D2CD, #D2A37F, #43433B)
- Washed Loft color palette (#F8F6E3, #C6E09E, #FCB1A4, #9BB278, #534B48)
- Antique Taupe color palette (#E9FAF2, #E6EBB2, #C7C5FB, #9B9F62, #3C4561)
- Softworn Station color palette (#F2F8EC, #94E9C8, #A9C7FF, #77B89E, #5C445A)
- Timeworn Stone Study color palette (#F9F7D8, #CFECAD, #A6C385, #7D9365, #35352E)
- Dusty Mustard color palette (#FAF5E5, #C8CA79, #B5A6E2, #8F9158, #5F4450)
- Patina Cocoa Balcony color palette (#FFF2EB, #F4D2B9, #D1AD97, #A58C7F, #693B00)
- Olive Workshop color palette (#F3F3E5, #A6BC91, #8898D8, #5A7F25, #272E50)
Browse the whole catalog at Explore, or see today's palette.