Softworn Harbor color palette — #F0E2D6 · #FD3F19 · #9B6200 · #4E4800 · #030100

Scarlet and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E2D6): A whisper-light, dusty gold — the color of old brass.
• Scarlet (#FD3F19): A luminous, vivid orange — the color of autumn markets.
• Ochre (#9B6200): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4E4800): A deep, shadowed, balanced green — the color of new leaves after rain.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Softworn 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

• Powdered Veranda color palette (#F6EFDC, #B76700, #6A5B00, #004713, #010100)
• Raspberry Archive color palette (#F6DED2, #EA2D83, #BF2C00, #654000, #030100)
• Coral Grove color palette (#EFDAE1, #FF7662, #C57D00, #686B00, #0F0800)
• Gentle Corridor color palette (#F7DEE8, #D1519C, #A05200, #215900, #0D0900)
• Washed Pine color palette (#FFECD9, #FF91B3, #CA7F00, #007A21, #020100)
• Fern Loft color palette (#FCDDC5, #7A6A3A, #404E1D, #00253B, #040524)
• Chestnut Cabin color palette (#F7EDE1, #745D00, #3F3A00, #1C1F00, #040800)
• Gentle Aubergine color palette (#E9E4D4, #605F00, #4F05B9, #2C2C00, #030012)

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