Hushed Harbor color palette — #F2E6CE · #86AF8A · #5F866E · #7D4F0F · #3D3832

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

The five colors

• Parchment (#F2E6CE): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#86AF8A): A luminous, dusty green — the color of fresh herbs.
• Fern (#5F866E): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#7D4F0F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#3D3832): quiet, heavy and certain.

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

Use it as a design system

One click turns Hushed 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

• Timeworn Chestnut Lagoon color palette (#D4E8D1, #A1AC8D, #4492A6, #785900, #1E411A)
• Cocoa Boulevard color palette (#DCE5C6, #8C9770, #3E7F7C, #723A00, #272800)
• Timeworn Mulberry color palette (#F0E9DB, #BAAA8A, #6D8E6B, #804356, #552E00)
• Antique Veranda color palette (#DCEBDA, #4E908E, #485B84, #424600, #182100)
• Antique Bronze color palette (#EDFAE9, #CBD7C7, #92B0A8, #937E36, #3F5717)
• Muted Turquoise color palette (#CEEBE1, #48A6B0, #367096, #653A4B, #492B45)
• Worn Aqua Lantern color palette (#D5E7E1, #4EC5D2, #68A3C7, #936866, #5A2926)
• Timeworn Cobalt Grove color palette (#EAFAC9, #84D8C6, #6187BD, #705465, #4C210F)

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