Worn Harbor color palette — #DFF8C9 · #85D3C4 · #6094AA · #814E41 · #36192E

Aqua and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#DFF8C9): A whisper-light, dusty green — the color of fresh herbs.
• Aqua (#85D3C4): A luminous, balanced teal — the color of sea glass.
• Storm Blue (#6094AA): A luminous, dusty blue — the color of deep harbor water.
• Coffee (#814E41): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Indigo (#36192E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

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

• Antique Lagoon color palette (#FFF6CA, #ACD0AC, #4D999C, #654D6C, #481B29)
• Muted Chestnut Drift color palette (#D6FFF8, #91C9E0, #7B8CAC, #6A5326, #3C3000)
• Ancient Cocoa Basin color palette (#DEFFE3, #AAEAE8, #8EAAC3, #7B576C, #5E3523)
• Tempered Cocoa Orchard color palette (#E0E8D9, #6CAD9B, #39778E, #6E332A, #38352E)
• Aged Pewter color palette (#C0EBEF, #94BCA4, #709F8E, #7B6998, #4D2F55)
• Hushed Lagoon Study color palette (#E0FDF2, #9AC99E, #008A70, #4D571D, #001D1B)
• Petrol Pier color palette (#D5ECDC, #6AB8C0, #4573A0, #5A3014, #240C00)
• Soft Mint color palette (#CAE7D5, #00D2B9, #008E99, #005062, #001C2D)

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