Pine Workshop color palette — #F3F7EB · #1F8E5E · #644C87 · #6B2B34 · #2F260B

Built around Fern, softened by Graphite — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Fern (#1F8E5E): A full-bodied, balanced teal — the color of shallow lagoons.
• Graphite (#644C87): A full-bodied, balanced violet — the color of wild irises.
• Oxblood (#6B2B34): A deep, shadowed, balanced red — the color of late-summer berries.
• Onyx (#2F260B): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Pine Workshop 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

• Hushed Olive color palette (#F7F6E9, #658328, #3B5394, #6D2851, #322315)
• Pale Hollow color palette (#EDF9EB, #179D93, #5D599C, #742F2F, #333D08)
• Antique Veranda color palette (#E9FAEE, #008993, #854765, #683703, #292D19)
• Patina Ridge color palette (#EBF5EC, #33929B, #00677B, #791F33, #101602)
• Dusty Garnet color palette (#FFF4E2, #48AB9A, #04768F, #743555, #304330)
• Faded Aubergine Studio color palette (#DFF7D3, #006E5C, #6D0082, #530700, #151900)
• Wandering Alley color palette (#E5FAFC, #51A593, #2E81B4, #9D2E38, #113033)
• Ancient Cypress Coast color palette (#F3F7F0, #D2DDDA, #B3C3C1, #4D8071, #434A3E)

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