Pine Garden color palette — #F1F3EC · #CDDAD2 · #ACBDA4 · #28754D · #1F2218

Built around Pine, softened by Stone — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#CDDAD2): a clean, paper-quiet neutral.
• Stone (#ACBDA4): A luminous, dusty green — the color of fresh herbs.
• Pine (#28754D): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#1F2218): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Cypress color palette (#ECF8F7, #CCDCE6, #A2B7C0, #407148, #2E3E3D)
• Cypress Alley color palette (#F1F3E8, #79AE8B, #007755, #464B00, #191F09)
• Antique Basin color palette (#F4F6EF, #D3DED9, #ACB0C1, #599B65, #2D3025)
• Weathered Petrol Hollow color palette (#D5EBD5, #8AB197, #4A758D, #643F52, #401F2A)
• Petrol Meadow color palette (#EAF5F0, #C3DDE0, #CFB6CF, #0074A0, #142A22)
• Cypress Studio color palette (#DDE8D9, #007568, #112C13, #051002, #010300)
• Abyss Chapel color palette (#E8EBE5, #ADB7A8, #81947D, #00513A, #080C04)
• Antique Onyx Pier color palette (#DEEAE3, #7D938A, #4E7469, #002F3C, #000201)

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