Ancient Pine color palette — #ECF4F3 · #CED8DD · #A3BDC0 · #007847 · #132424

Built around Pine, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#CED8DD): a clean, paper-quiet neutral.
• Ash (#A3BDC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#007847): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#132424): A deep, shadowed, dusty teal — the color of sea glass.

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

• Timeworn Cypress Corridor color palette (#F4F6EF, #CFDDD7, #A6B9AB, #3E7149, #393C31)
• Washed Cypress Parlor color palette (#E5F6F4, #7EAD8E, #307359, #2B512C, #002221)
• Tempered Field color palette (#EEF7F7, #D2DDE5, #B5B5CA, #4F9D65, #1E3331)
• Petrol Orchard color palette (#EBF3F9, #D3D5E5, #ADC1DA, #0074A1, #142734)
• Weathered Abyss Studio color palette (#E1EAEB, #A6B7B9, #70959D, #00503B, #000E0F)
• Twilit Cypress Meadow color palette (#D6EDF2, #007569, #042A33, #000F13, #000303)
• Hushed Market color palette (#E4EAEF, #C2CCD9, #96A4BB, #00598F, #061726)
• Worn Basin color palette (#C8EAFC, #93AABD, #5F7897, #5A3862, #332743)

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