Ancient Coast color palette — #F3F7ED · #CFDDD6 · #ADC3AD · #007F4C · #384700

Teal and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Silver (#CFDDD6): bright and airy, almost weightless.
• Stone (#ADC3AD): A luminous, dusty green — the color of fresh herbs.
• Teal (#007F4C): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#384700): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Wandering Bloom color palette (#F1F7F2, #CBDEDE, #9DC6BA, #007983, #2F4635)
• Pine Corridor color palette (#F1F3EC, #C7DED6, #A7C8B7, #008138, #242715)
• Hushed Forest Canyon color palette (#ECF0E7, #C5D0C3, #90A796, #00644B, #2A3022)
• Aged Emerald color palette (#EFF7F6, #CEDDE9, #B3C1E0, #4F995C, #2F4543)
• Timeworn Meadow color palette (#F0F7F4, #E4DCDF, #CFC0C2, #498AAD, #4C5551)
• Charred Boulevard color palette (#D4E4CF, #00796F, #003138, #091E04, #010C05)
• Sunlit Archive color palette (#F0F9E8, #009374, #2F47C7, #790032, #363200)
• Hushed Mulberry Pier color palette (#D8E9C8, #94B298, #4982A4, #823C62, #73352C)

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