Ancient Coast color palette — #F9F6E6 · #A7BE88 · #648E53 · #316F6D · #36362F

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

The five colors

• Ivory (#F9F6E6): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A7BE88): A luminous, dusty green — the color of fresh herbs.
• Fern (#648E53): A luminous, balanced green — the color of new leaves after rain.
• Teal (#316F6D): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#36362F): a grounded near-black with real depth.

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

Use it as a design system

One click turns Ancient Coast 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

• Patina Orchard color palette (#F1F9E7, #7DC5B1, #269388, #406885, #2B3B1F)
• Hushed Canyon color palette (#E7FBF2, #C2DA9F, #639B47, #3A6C78, #0E2E27)
• Antique Fern color palette (#F5F7E6, #C1CAA0, #6B9C80, #5A7B66, #3F4800)
• Olive Meadow color palette (#E9E5D2, #99AD7A, #567F40, #764739, #2E2A01)
• Aged Fern color palette (#FEF3E7, #A09D71, #4F6D31, #414578, #38352E)
• Aged Moss color palette (#FCF5E2, #B8C278, #759336, #92564F, #393E13)
• Jade Boulevard color palette (#EEF9EF, #CDCE95, #7BB25D, #7782A5, #1C3D30)
• Weathered Pine color palette (#E4E2C8, #75A066, #207334, #004F55, #1C1C00)

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