Ancient Pine color palette — #EAF4F3 · #CFD9E0 · #B3BECB · #5A805A · #222F2D

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

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Silver (#CFD9E0): bright and airy, almost weightless.
• Ash (#B3BECB): A luminous, dusty blue — the color of open sky before noon.
• Fern (#5A805A): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#222F2D): 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

• Muted Pewter Balcony color palette (#F5F6EE, #D3DED9, #B4C3C2, #5F7E5A, #48493F)
• Ancient Petrol color palette (#EAF3F8, #D3D5E8, #AEB7CC, #2A6E82, #15222A)
• Mint Boulevard color palette (#E3F7F0, #8DC298, #478274, #375E52, #0F2D2B)
• Wandering Lagoon color palette (#C7E7EB, #008971, #193540, #06191B, #010807)
• Spruce Harbor color palette (#D2E6E5, #81A8AF, #64818E, #004222, #000605)
• Frost Delta color palette (#C0F9F1, #92C7D1, #6C849A, #6C586A, #422D40)
• Muted Orchard color palette (#DBE3EA, #A4B5CB, #848CAA, #004A65, #030C13)
• Celadon Pier color palette (#DAF9FA, #D2E577, #50DBBD, #3093B6, #002C34)

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