Ancient Pine color palette — #F1F3EC · #D0DAD4 · #ADC3BB · #54825C · #2B2D24

A conversation between Fern and Stone, giving this palette its sense of nature and growth.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#D0DAD4): bright and airy, almost weightless.
• Stone (#ADC3BB): A luminous, dusty teal — the color of sea glass.
• Fern (#54825C): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#2B2D24): a grounded near-black with real depth.

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

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

• Worn Cypress color palette (#EEF8F6, #D1DFE8, #B8C2D1, #498078, #3F4A48)
• Abyss Thicket color palette (#E9EDE2, #99A494, #69846C, #004228, #030500)
• Forest Basin color palette (#EFF3EC, #C8DAC6, #74B8C5, #006B54, #141D0A)
• Weathered Villa color palette (#EDF4F0, #C8DADD, #C6AFC2, #0D6F8D, #15241D)
• Cerulean Market color palette (#E2F1D2, #9FBD9F, #5789A1, #7B5252, #492D24)
• Basalt Workshop color palette (#FDF0DC, #68AE83, #007B7C, #613162, #1C2613)
• Mint Pier color palette (#ECF6E3, #BCF098, #34DCA9, #0098AD, #13230E)
• Hushed Basin color palette (#DEE7E4, #BCAEBB, #A18397, #00496A, #000E09)

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