Pine Grove color palette — #F5F1EB · #CFAF67 · #378943 · #7F5F00 · #0E1003

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Gold (#CFAF67): A luminous, balanced gold — the color of honey in a jar.
• Fern (#378943): A full-bodied, balanced green — the color of fresh herbs.
• Ochre (#7F5F00): A full-bodied, balanced gold — the color of old brass.
• Ink (#0E1003): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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

• Faded Olive color palette (#F9F0E9, #E8A070, #717D00, #9A4C00, #120E02)
• Muted Olive color palette (#F3F2EA, #BEC99D, #22958C, #6B7A2E, #11180F)
• Tempered Apricot color palette (#FEF1F6, #DDA066, #008174, #855219, #14272B)
• Patina Coast color palette (#EFF8F1, #E5BF67, #6A9F65, #9B7B2D, #122926)
• Feathered Emerald Balcony color palette (#F0EBB9, #ABBD71, #4D8F32, #005A31, #002620)
• Tempered Pine Station color palette (#FCF0DF, #9BA35D, #008045, #413F70, #25240C)
• Wandering Moss color palette (#F2EDDD, #9E9A00, #006B57, #514F00, #010500)
• Frosted Basin color palette (#F2F3E6, #6EBE62, #00788E, #1A6E07, #000D05)

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