Ancient Pine color palette — #FDF3F0 · #BEDFBE · #4EA2BE · #397D44 · #1C3C5F

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

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Celadon Mist (#BEDFBE): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#4EA2BE): A luminous, balanced blue — the color of deep harbor water.
• Olive (#397D44): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1C3C5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Weathered Pine Boulevard color palette (#FBF2FB, #D2D5E5, #40B5DC, #2F8242, #142F4D)
• Softworn Loft color palette (#FEF3EC, #B6E0CA, #6E99C9, #007E6A, #4E2E44)
• Dusty Boulevard color palette (#EEF8F0, #A9CCD6, #008798, #00624B, #084153)
• Dusty Coast color palette (#FCF3F0, #C2E2E5, #85BBCC, #6C926A, #30524A)
• Chalky Pine Alley color palette (#FFD9E1, #D08DDE, #00A292, #128D49, #39203E)
• Aged Cornflower Bloom color palette (#FFF3E7, #9DD2F4, #5383FF, #00736E, #382265)
• Ancient Cobalt Corridor color palette (#E8DBD6, #6BC1CA, #007FAD, #005D36, #041B4A)
• Denim Courtyard color palette (#ECE0DC, #5E9FA2, #006180, #003E1D, #00081D)

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