Ancient Pine color palette — #EBF5EC · #AFB989 · #458557 · #51526E · #172C25

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

The five colors

• Cream (#EBF5EC): a clean, paper-quiet neutral.
• Sage (#AFB989): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#458557): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#51526E): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#172C25): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Dusty Stone color palette (#ECF9F0, #B0B578, #667B52, #695067, #32483F)
• Lagoon Archive color palette (#E9F5F0, #9CCFCB, #509088, #665C73, #1F3634)
• Dusty Pine Cabin color palette (#EAF6EB, #9BA673, #257644, #5A4214, #05221A)
• Dusty Drift color palette (#DFF8F4, #58BCA6, #007989, #783143, #002720)
• Dusty Olive Lantern color palette (#D1FEEC, #B0BF7A, #797D00, #394B00, #161B00)
• Weathered Basalt color palette (#FDF4E6, #BFCB9B, #6E9C7C, #866872, #4D4300)
• Iris Courtyard color palette (#E2F8ED, #A9A952, #7782E7, #6A6900, #1B2642)
• Soft Quarry color palette (#CEEDDE, #5DAA5D, #006B5B, #621D5A, #011D02)

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