Ancient Pine color palette — #F0F8EF · #D3A56E · #208346 · #845300 · #142827

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

The five colors

• Ivory (#F0F8EF): bright and airy, almost weightless.
• Camel (#D3A56E): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#208346): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#845300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#142827): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, muted.

Use it as a design system

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

• Muted Lagoon color palette (#F0F7F3, #C8C386, #1C9082, #766F26, #213134)
• Terracotta Workshop color palette (#F9F3F7, #E5987F, #816E00, #994021, #18281F)
• Hushed Apricot color palette (#FAEEF4, #F3996E, #00858F, #954E2A, #031016)
• Muted Ridge color palette (#EAFAED, #A6984E, #3F7A2D, #364987, #2A433A)
• Muted Garden color palette (#D2F9D9, #B3AB67, #6A8111, #225D0C, #00482C)
• Frosted Amber Alley color palette (#E4F7EA, #AA8B00, #006627, #554500, #001704)
• Pale Delta color palette (#EBF9F4, #86B40A, #007568, #466000, #002227)
• Patina Apricot Boulevard color palette (#FFF2EA, #FFAE88, #1FA1AC, #AF6D4F, #1B281D)

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