Ancient Coast color palette — #FFE9C7 · #ABA76C · #4D8A45 · #455C7E · #3D4363

A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.

The five colors

• Custard (#FFE9C7): A whisper-light, dusty gold — the color of old brass.
• Sage (#ABA76C): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#4D8A45): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#455C7E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#3D4363): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, 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

• Weathered Lagoon color palette (#BEEBD2, #95AE85, #368568, #4B5771, #4C394F)
• Washed Lagoon Station color palette (#FFD4C6, #C0B177, #458B6C, #58436B, #3B264D)
• Washed Bronze color palette (#FFE8E4, #D3A886, #8A7607, #006372, #3F4461)
• Softworn Jade color palette (#FFEFED, #CDB671, #5EAC81, #8A6470, #5C446D)
• Tempered Navy Dune color palette (#E2E6C6, #729669, #006954, #3D3166, #2D2442)
• Mint Balcony color palette (#E8EAB0, #C0DA9D, #85BD8B, #4095A1, #004F68)
• Airy Pine color palette (#E5FBF2, #88B171, #007E41, #7B3D1F, #11443C)
• Gentle Teal Dune color palette (#DFEBDD, #00AD93, #007E90, #673B6E, #672139)

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