Pine Archive color palette — #FFF4DF · #E2E7B5 · #A8C67F · #518B54 · #465637
Built around Fern, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Celadon Mist (#E2E7B5): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A8C67F): A luminous, balanced green — the color of fresh herbs.
- Fern (#518B54): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#465637): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged light, muted.
Use it as a design system
One click turns Pine Archive 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
- Hazy Field color palette (#DAFFF0, #CEE4A5, #9FC96F, #78A16C, #2E5752)
- Lagoon Harbor color palette (#F6F8D9, #B1F5F0, #60BFA8, #008F8E, #355540)
- Clover Boulevard color palette (#D8F0AD, #70BF6F, #008B5B, #004F43, #00292B)
- Tempered Driftwood color palette (#FFF2EA, #FFD9BC, #CDA25D, #93862F, #494740)
- Tempered Pier color palette (#DEFED0, #8AD29D, #00AB84, #006C6C, #003942)
- Aged Fern color palette (#F6F7E5, #C9EAD8, #AFC4DF, #C3BB8A, #475408)
- Hushed Moss color palette (#F5F6EB, #CFF1C2, #E1BCED, #6FAD53, #5D3B44)
- Tempered Pier color palette (#DCF9DF, #00AC78, #006B63, #00393D, #001017)
Browse the whole catalog at Explore, or see today's palette.