Ancient Pine color palette — #ECF8F7 · #C9DEE9 · #A6C2C8 · #2B7D3B · #284643

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF8F7): bright and airy, almost weightless.
• Silver (#C9DEE9): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#A6C2C8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#2B7D3B): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#284643): 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

• Olive Summit color palette (#EAF4F3, #CDD8DF, #A2C5D7, #218108, #0C2B27)
• Washed Forest color palette (#E6F1F1, #BFD0D2, #87A6B0, #00663D, #203131)
• Antique Petrol color palette (#EEF7F9, #D5DBE3, #BABFCE, #487D8A, #3D4A4E)
• Tempered Study color palette (#F5F6EF, #CFDED7, #A5C8C5, #3D9E2D, #414400)
• Hushed Canyon color palette (#E1FCF5, #73B57F, #047C5C, #44582B, #064441)
• Obsidian Cypress Boulevard color palette (#C6EFF4, #007A65, #003234, #001D20, #00080D)
• Patina Harbor color palette (#DCE5E8, #96ADBA, #6B8297, #004044, #05161C)
• Lichen Courtyard color palette (#B2FFD8, #7EBAB5, #37859F, #7C4766, #664028)

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