Aged Pine color palette — #ECF4F2 · #CDD8DE · #9EBEC3 · #497045 · #162322

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

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Silver (#CDD8DE): a clean, paper-quiet neutral.
• Ash (#9EBEC3): A luminous, dusty blue — the color of deep harbor water.
• Olive (#497045): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#162322): 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 Aged 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

• Fern Loft color palette (#F6F6EC, #CFDED5, #A7B8AC, #4D6F38, #3B3B30)
• Petrol Canyon color palette (#ECF3F7, #D2D7EA, #AAC1E0, #007790, #18272F)
• Pine Grove color palette (#E8F5F1, #84AC83, #0D7751, #3F4C26, #00221F)
• Patina Moss color palette (#EFF7F5, #D1E0E8, #B5B4C8, #719759, #27312F)
• Tempered Denim Courtyard color palette (#E2EAF0, #C1CDD9, #95A4C0, #005D7D, #0B171F)
• Charred Hollow color palette (#D5EBED, #00765C, #002C2C, #001011, #000303)
• Weathered Petrol color palette (#CEEBEA, #6EB7B0, #2F7992, #524862, #3B233F)
• Dusty Hollow color palette (#E7F2F1, #A0B9BB, #6A95A1, #005228, #000E0D)

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