Straw Harbor color palette — #FFF2EE · #E1DF8F · #76BCA8 · #9D5265 · #663843
Built around Celadon Mist, softened by Brick — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Celadon Mist (#E1DF8F): A whisper-light, balanced green — the color of fresh herbs.
- Mint Leaf (#76BCA8): A luminous, dusty teal — the color of glacier melt.
- Brick (#9D5265): A full-bodied, balanced red — the color of a theater curtain.
- Cocoa (#663843): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Balance. Tagged vintage, retro, 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
- Washed Balcony color palette (#FFF0FC, #FFDDA0, #75B376, #87688D, #453F5E)
- Teal Garden color palette (#E4FDE3, #B4E6D7, #6DB1A6, #885750, #492F44)
- Straw Thicket color palette (#EFF1A7, #B3E0AE, #75BCAC, #A47B92, #603C44)
- Wandering Cocoa color palette (#FFE6C5, #B9B189, #488875, #704A6A, #673726)
- Timeworn Bloom color palette (#FFF1F5, #ACC389, #3BA4A1, #70424C, #471E28)
- Patina Veil color palette (#DDFFEE, #BCE6FA, #99B8D2, #877285, #5A4357)
- Ancient Azure color palette (#E7FFC6, #48E1C4, #309BE3, #9C4F00, #512B0E)
- Cerulean Courtyard color palette (#DFFCF7, #98ECD8, #00A4BA, #985262, #00353B)
Browse the whole catalog at Explore, or see today's palette.