Weathered Harbor color palette — #FBE7D3 · #B98502 · #9C5D00 · #7C3400 · #0F0B00

Mustard and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Parchment (#FBE7D3): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B98502): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#9C5D00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#7C3400): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#0F0B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Muted Moss Delta color palette (#EEE5D2, #919800, #7F6E00, #654600, #0D0C00)
• Aged Bronze Drift color palette (#F2D7E0, #A48024, #704000, #3F0E00, #010100)
• Chalky Amber Station color palette (#EFDED2, #E1A363, #CB753E, #915B4F, #332000)
• Sapphire Chapel color palette (#EFD9E9, #4C57FF, #934300, #3C4C00, #000301)
• Tempered Cornflower color palette (#F6DBF6, #368CFF, #954100, #575900, #000412)
• Coral Balcony color palette (#FFEADD, #FFB582, #EA8460, #AF6967, #39342F)
• Taupe Harbor color palette (#FFF3E2, #DCD29B, #C2A977, #9D8368, #3F3D36)
• Aged Amber Courtyard color palette (#CFF4EA, #BC8E00, #005A9D, #00294D, #000202)

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