Worn Harbor color palette — #F8F0D5 · #BF8200 · #6C6D00 · #00552A · #010300

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F0D5): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#BF8200): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#6C6D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#00552A): A deep, shadowed, balanced teal — the color of sea glass.
• Black (#010300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Ancient Olive Pier color palette (#E6EBC9, #958900, #228004, #00574C, #000201)
• Ember Cabin color palette (#DEEDE5, #E96400, #757700, #005144, #060D00)
• Timeworn Ember Delta color palette (#FFEDD6, #E0642D, #9E6700, #434B00, #030200)
• Amber Pier color palette (#E0EFE8, #DC8E00, #919400, #008237, #050A00)
• Ancient Moss color palette (#FBEFCC, #FFA08A, #A29100, #007E73, #010100)
• Tempered Atelier color palette (#E6E4D6, #5A7145, #005540, #1F0062, #0F0016)
• Nocturne Olive Canyon color palette (#E5EBD8, #456F00, #094104, #001F0F, #000403)
• Weathered Moss color palette (#FDF3C5, #F5B61C, #90AE00, #008B58, #081600)

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