Pine Grove color palette — #FDF4E7 · #9D7B40 · #1C845C · #00605E · #36322C

A conversation between Fern and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Mocha (#9D7B40): A luminous, balanced gold — the color of honey in a jar.
• Fern (#1C845C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#00605E): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#36322C): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Dusty Drift color palette (#FBF1FD, #5885B4, #5A7D3E, #006248, #3C2D3E)
• Aged Cypress Lagoon color palette (#F8F5E9, #878F4E, #107555, #005160, #233564)
• Aged Forest color palette (#FFF3E2, #C38860, #86632B, #175D29, #423C37)
• Iris Lantern color palette (#FFF1F6, #8F71B4, #00827A, #005C72, #442A34)
• Emerald Canyon color palette (#F4F4FF, #D196EA, #269451, #2A74AA, #323043)
• Gentle Lilac Boulevard color palette (#FEECF1, #B47CD1, #147938, #1D538C, #251419)
• Tempered Ridge color palette (#FFEBE2, #D3A083, #A3692D, #704900, #523B00)
• Wandering Veranda color palette (#FFD9E4, #8A39BA, #006664, #00435B, #2C0E3E)

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