Worn Harbor color palette — #F9F6E2 · #AAB96A · #CA8281 · #6E7A36 · #534B48

Sage takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#AAB96A): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#CA8281): A luminous, balanced orange — the color of autumn markets.
• Olive (#6E7A36): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#534B48): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Softworn Olive Lagoon color palette (#F4F2E4, #ADBA87, #A591C1, #6B793D, #442732)
• Tempered Marigold color palette (#FFF3E4, #D4A764, #5EAA93, #8F6B34, #445337)
• Aged Driftwood color palette (#ECF9F4, #BDCC95, #BDA4DC, #859458, #494A68)
• Antique Mint Garden color palette (#F3F8E8, #75C494, #709CCF, #4A805F, #59455B)
• Driftwood Boulevard color palette (#F8F8D1, #AED89D, #6C8F55, #3F5832, #34352E)
• Patina Driftwood color palette (#F6F7E3, #B2E7D9, #81AEBB, #92853C, #4B5000)
• Gentle Pier color palette (#EDF9EB, #00B7AE, #837ECE, #00756F, #57374A)
• Quiet Emerald Harbor color palette (#EAF2DF, #00A775, #AC6600, #006747, #4D2D05)

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