Softworn Harbor color palette — #D3E3D6 · #C99E39 · #6B5100 · #352600 · #000F04

Built around Mustard, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Bone (#D3E3D6): A whisper-light, dusty teal — the color of glacier melt.
• Mustard (#C99E39): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#6B5100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#352600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000F04): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Hushed Marigold Lagoon color palette (#EDD7E1, #C69E46, #834100, #421E00, #17040E)
• Fern Workshop color palette (#CCE4DF, #C79E42, #316400, #153100, #000F0C)
• Dusty Chestnut color palette (#E5F2EA, #CFB06D, #736300, #3F3500, #061B10)
• Aged Amber color palette (#D7F1E4, #B88A00, #494800, #1C1C00, #000302)
• Muted Mustard Corridor color palette (#FFF4E2, #DBB562, #664D00, #211700, #020100)
• Powdered Pine Thicket color palette (#E0F0E7, #B5A641, #008758, #706400, #001111)
• Bronze Basin color palette (#CBEAEB, #936E00, #003523, #171B21, #000804)
• Weathered Mustard Orchard color palette (#DEFCFF, #E3B33F, #007B66, #004538, #061F21)

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