Straw Harbor color palette — #FFF2EA · #F0E8A7 · #996950 · #572B00 · #180C04

Built around Celadon Mist, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Celadon Mist (#F0E8A7): A whisper-light, balanced green — the color of a quiet forest floor.
• Walnut (#996950): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#572B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#180C04): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Olive Market color palette (#F8F5EB, #E6E2B4, #797B3E, #3A3831, #130F02)
• Pewter Canyon color palette (#FFF1F0, #D0F1C1, #98647B, #51293C, #190B0B)
• Amber Basin color palette (#FAEADA, #A78C00, #412200, #0E0C05, #030100)
• Chestnut Summit color palette (#F8F0E9, #C8B07E, #814200, #38210A, #140A03)
• Patina Amber Coast color palette (#FFF1F7, #E9D3A4, #BE875E, #88552E, #2D1C24)
• Muted Thicket color palette (#FFF3E4, #EFBC05, #765000, #2B1B00, #020100)
• Tempered Workshop color palette (#FDF3EC, #EBDABB, #5BB286, #BC764A, #101406)
• Tangerine Villa color palette (#E9F2DA, #E48656, #00482D, #1D292C, #000B04)

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