Pine Field color palette — #F2F7EC · #74C3A2 · #C28C52 · #238564 · #524C46

Built around Fern, softened by Mustard — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Mint Leaf (#74C3A2): A luminous, balanced teal — the color of sea glass.
• Mustard (#C28C52): A luminous, balanced gold — the color of honey in a jar.
• Fern (#238564): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#524C46): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged 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 Moss Delta color palette (#EDF9EF, #6EBECB, #9B9F4C, #00818F, #4F4D46)
• Softworn Periwinkle color palette (#F2F7EB, #81C0A1, #6B9ADF, #368362, #5B445A)
• Coral Balcony color palette (#F9F5EA, #B4B477, #D97783, #78771E, #61453E)
• Washed Chapel color palette (#EEF5E6, #67C9A5, #C683AC, #398168, #452728)
• Seafoam Chapel color palette (#E2FBFB, #7DDBAD, #E199B3, #549E7A, #574561)
• Weathered Canyon color palette (#EDFAE6, #41AD95, #5190BF, #797B3C, #3B4734)
• Wandering Courtyard color palette (#FCF4E5, #C3B797, #8D804F, #7A560C, #564700)
• Bronze Basin color palette (#E6FDE0, #00AA9D, #9D7900, #006B63, #4A3700)

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