Pine Archive color palette — #F2F8E8 · #66B286 · #B27299 · #007949 · #5B334C

Pine takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#66B286): A luminous, balanced teal — the color of sea glass.
• Dusty Rose (#B27299): A luminous, balanced pink — the color of peonies in June.
• Pine (#007949): A full-bodied, balanced teal — the color of shallow lagoons.
• Mulberry (#5B334C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Chalky Olive Archive color palette (#F6F7E7, #86AD72, #867DCB, #447427, #413B67)
• Cypress Atelier color palette (#EFF8ED, #6EC1BB, #C1878A, #00847F, #64443A)
• Lagoon Meadow color palette (#EEFBDE, #409C79, #A1638E, #924C4A, #363933)
• Wandering Pine Courtyard color palette (#DEF8F7, #7CB291, #BD7D47, #007847, #3E1E00)
• Powdered Emerald color palette (#F2F8E5, #85CA9D, #D8935B, #009958, #5F3715)
• Sunlit Scarlet color palette (#E0FEEB, #00A5C1, #D34935, #00677A, #6C170C)
• Soft Plum color palette (#AEF5EC, #00998F, #C21883, #005B55, #560037)
• Hushed Archive color palette (#F1FADE, #C1E6DC, #A1CFBE, #70855B, #434F3C)

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