Pine Field color palette — #FFEAD8 · #B3A434 · #008E5B · #733C7C · #31312A

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

The five colors

• Cream (#FFEAD8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#B3A434): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008E5B): A full-bodied, balanced teal — the color of glacier melt.
• Plum (#733C7C): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#31312A): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

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

• Feathered Mulberry color palette (#FFEADC, #83B25E, #008985, #873258, #2F312B)
• Chalky Olive color palette (#FCECD9, #D7903E, #668400, #5E4293, #33302A)
• Antique Delta color palette (#E6FCEA, #B5BE6A, #3F915E, #4B458D, #002821)
• Hazy Pewter Station color palette (#FFE6F7, #D4B767, #46AD87, #935C9D, #07392C)
• Wandering Lagoon color palette (#FBF4EB, #B8B885, #628F44, #785F35, #37352F)
• Antique Lagoon color palette (#F3DDB4, #B4B58F, #539D92, #86576A, #613A30)
• Tempered Moss color palette (#F9F1DE, #ADA017, #0070AF, #793163, #4A1627)
• Ancient Aubergine Garden color palette (#F4DDCC, #818800, #006851, #60005A, #091B00)

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