Worn Harbor color palette — #DBE6FF · #3C17DC · #4D4400 · #2E2800 · #000012

Iris and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DBE6FF): A whisper-light, dusty violet — the color of a velvet chair.
• Iris (#3C17DC): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#4D4400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Espresso (#2E2800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000012): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, 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

• Aged Harbor color palette (#E1EFFF, #004FA2, #564000, #342500, #000208)
• Deep Garden color palette (#ECE5FF, #5600A0, #313C00, #192000, #020007)
• Linen Indigo color palette (#F7DBED, #585CD5, #8B5000, #314C00, #08072A)
• Hazy Amethyst Harbor color palette (#FFE6F3, #7646F1, #AD1944, #622000, #040002)
• Aged Grape Studio color palette (#E1EAD7, #7432D6, #6E0042, #00251B, #0C0012)
• Byzantium Coast color palette (#E7E8FF, #A12DFC, #075C11, #04490B, #110320)
• Sunlit Violet color palette (#EDF1FF, #8272E4, #787936, #545524, #151928)
• Fern Lantern color palette (#D7EADB, #005D64, #384B00, #003028, #001113)

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