Ancient Harbor color palette — #FBF5E4 · #CDE4C5 · #77AC8C · #8D732B · #393932

Walnut and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF5E4): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#CDE4C5): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#77AC8C): A luminous, dusty teal — the color of shallow lagoons.
• Walnut (#8D732B): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#393932): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Ancient 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 Driftwood color palette (#F5F6EE, #B6E6E1, #9EB69B, #8A8A42, #394F09)
• Tempered Oat color palette (#FAF5E6, #BDDBA6, #5F9878, #4D6C54, #2B2908)
• Weathered Pine Thicket color palette (#EEF8F2, #8DBAAF, #3D845C, #3C644F, #2A4942)
• Worn Pine color palette (#F4F2E6, #B7B68B, #54834E, #615600, #292911)
• Softworn Meadow color palette (#FCE8D2, #877B39, #314300, #002219, #020100)
• Dusty Emerald Dune color palette (#E8E1C6, #5DA156, #005C44, #2B2E00, #000200)
• Worn Veranda color palette (#FAF6E1, #76B472, #007156, #004450, #070800)
• Frosted Alley color palette (#DEFFE4, #9BF4CC, #00B1A7, #007B81, #003F51)

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