Worn Harbor color palette — #FFF1F7 · #DCB694 · #B6825E · #7F5D71 · #314230

Caramel and Sand set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sand (#DCB694): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B6825E): A luminous, balanced gold — the color of afternoon light on wheat.
• Graphite (#7F5D71): A full-bodied, dusty pink — the color of peonies in June.
• Forest (#314230): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Stone color palette (#E6FCED, #C8C087, #9F8E59, #56715B, #2E4239)
• Hushed Terracotta color palette (#FFF0F7, #C5E7C9, #C88F6D, #9A5256, #17392C)
• Patina Garden color palette (#F6E1EB, #D3A37D, #AF6E46, #7F4C38, #432631)
• Hushed Taupe Workshop color palette (#FFF3E9, #E8CBAB, #D49F7F, #B07869, #533700)
• Softworn Bronze Courtyard color palette (#FFF0F7, #C499A7, #946649, #66455D, #2E4332)
• Powdered Blush color palette (#FFEEF4, #FB9DB4, #C8717C, #9B4E4A, #681C08)
• Antique Apricot Courtyard color palette (#F5F3FF, #FFAD91, #8A608E, #443D5A, #221F2D)
• Hushed Mallow color palette (#F6F3FE, #EDABE1, #C6747E, #A26A99, #2B202C)

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