Pine Field color palette — #FFF2EF · #FFDEB4 · #ADAD62 · #337A3F · #00362C

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Peach Cream (#FFDEB4): A whisper-light, dusty gold — the color of old brass.
• Sage (#ADAD62): A luminous, balanced green — the color of new leaves after rain.
• Olive (#337A3F): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#00362C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Patina Olive color palette (#FFE3BD, #C3AD6A, #787C00, #305600, #002D0D)
• Weathered Meadow color palette (#FFF4E1, #D7E89E, #64B48E, #007A76, #003645)
• Antique Amber color palette (#FFF0F8, #F0D6C3, #D09056, #795F00, #223400)
• Muted Amber color palette (#F7E8E2, #AF8200, #4A5E00, #002411, #000201)
• Ancient Sand color palette (#FFF1F6, #FDBD7C, #759F70, #655A8F, #1A3927)
• Pale Honey color palette (#FFF2EA, #E5C300, #699500, #005841, #002121)
• Aged Moss Harbor color palette (#E3FCF0, #A8A312, #304C4B, #0E231A, #0A0405)
• Powdered Mint Pier color palette (#FBF7A0, #7FC970, #00927B, #00515D, #001322)

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