Worn Harbor color palette — #F2E5B3 · #9C8300 · #0064ED · #5D4D00 · #002869

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

The five colors

• Peach Cream (#F2E5B3): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#9C8300): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#0064ED): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Olive (#5D4D00): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#002869): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Gentle Quarry color palette (#EEE6BB, #8F9E22, #433AED, #4B5400, #1F2366)
• Worn Ultramarine color palette (#FFDEBC, #CA8121, #0061B5, #6F4200, #002E5A)
• Amethyst Bloom color palette (#F8F7DB, #7BB825, #744FDA, #426900, #3B3065)
• Emerald Lantern color palette (#DDE1C4, #38A830, #6F36B1, #0E5909, #321950)
• Softworn Bronze Field color palette (#EAE2C5, #9E8400, #00837F, #5B4B00, #001B19)
• Hazy Cabin color palette (#CEEED8, #EDC531, #5B93EA, #A48500, #002A66)
• Muted Cabin color palette (#FAE8C8, #916900, #6E07F5, #562FB3, #312100)
• Hazy Bloom color palette (#EFF1DA, #5BA248, #9F5B9F, #296715, #4A254A)

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