Timeworn Straw Harbor color palette — #FFE383 · #FFC7CB · #9ED0FF · #3E4F4A · #313836

Butter and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Butter (#FFE383): A whisper-light, balanced green — the color of fresh herbs.
• Shell Pink (#FFC7CB): A whisper-light, dusty red — the color of a theater curtain.
• Sky (#9ED0FF): A whisper-light, balanced blue — the color of deep harbor water.
• Charcoal Brown (#3E4F4A): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#313836): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Timeworn 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 Glacier Hollow color palette (#FFDEBC, #D9D0FF, #00E6EE, #465648, #2F3730)
• Celadon Drift color palette (#98FFB8, #FFCAB2, #BFC6FF, #53454E, #332C31)
• Stone Coast color palette (#E4EFFF, #DCCACA, #C2B5D3, #384657, #22282F)
• Muted Powder Alley color palette (#DEEBD5, #FFA2B6, #96B1FF, #2B375C, #251923)
• Wandering Sand color palette (#FCF1FC, #E6CE9E, #6280A4, #564757, #302930)
• Washed Alley color palette (#FBF2F7, #E3D7D5, #BBB1A4, #B091A1, #575054)
• Dusty Ash Dune color palette (#FAF2F8, #BED0FF, #BD86B5, #758AC2, #372A2B)
• Muted Station color palette (#FFF0FE, #7AAAFE, #C18E76, #7A7F53, #453944)

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