Pine Field color palette — #EDF9F0 · #ACB586 · #558052 · #545772 · #2E493F

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF9F0): a clean, paper-quiet neutral.
• Sage (#ACB586): A luminous, dusty green — the color of fresh herbs.
• Fern (#558052): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#545772): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#2E493F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Worn Delta color palette (#EDF8F4, #A4C9C6, #4A907F, #696178, #3D5250)
• Airy Olive color palette (#ECFAED, #ABA84A, #477914, #6F3C63, #3E3D0F)
• Softworn Cocoa Orchard color palette (#F6F2E4, #AEBA8A, #677E4B, #7F4222, #2B2812)
• Feathered Hollow color palette (#FFF0F8, #D08D6A, #009DA0, #A14700, #1B4956)
• Timeworn Stone Cabin color palette (#FFF0F9, #E6D7D5, #B9CB89, #9F6979, #614752)
• Softworn Cerulean Alley color palette (#FBF2F8, #BFE3F4, #4F92BB, #007263, #344964)
• Powdered Moss color palette (#DBF1E7, #67A451, #006B4B, #5E2B63, #1C3513)
• Basalt Cabin color palette (#F9F5EA, #DDD6B2, #97B788, #A6868E, #4D4200)

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