Softworn Harbor color palette — #FAF1DF · #BA9A17 · #4E60C1 · #8B252F · #491A1C

Royal Blue and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF1DF): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#BA9A17): A luminous, balanced green — the color of fresh herbs.
• Royal Blue (#4E60C1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Garnet (#8B252F): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#491A1C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Softworn Amethyst color palette (#F5F3DE, #8FAA35, #764EBF, #7A3D00, #452000)
• Airy Sapphire Parlor color palette (#F9F1E5, #C69417, #3D66BC, #723078, #401844)
• Frosted Cobalt Courtyard color palette (#FBF4EA, #C2A052, #2B87C6, #934324, #3C3731)
• Muted Jade color palette (#E4FBF6, #85B763, #5274BB, #732C55, #390017)
• Grape Chapel color palette (#F0EBD8, #797A00, #6600C3, #65000C, #2A0002)
• Gentle Grove color palette (#EEF5E2, #36B77E, #A2427C, #813600, #471E05)
• Soft Workshop color palette (#E5EDCA, #19B150, #9A00AF, #723300, #3D1800)
• Hushed Cerulean Atelier color palette (#F8E2B8, #88C2A5, #5294AE, #8A6458, #583F37)

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