Pine Field color palette — #FEF4E4 · #A47900 · #337821 · #004E8A · #34160E

Olive takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#A47900): A luminous, balanced gold — the color of honey in a jar.
• Olive (#337821): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#004E8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#34160E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Soft Amber color palette (#FFF3E8, #C36E24, #726B00, #005569, #301214)
• Faded Denim Hollow color palette (#F9F5EB, #A59136, #238D61, #47509B, #3A2418)
• Ancient Denim Field color palette (#FAECDA, #DC8968, #887800, #454C96, #352F2A)
• Aged Olive Canyon color palette (#FEEEEA, #CE7983, #518217, #005191, #540324)
• Faded Archive color palette (#FFF0F7, #DC6400, #007E72, #005762, #100C1E)
• Navy Coast color palette (#EEE4D2, #846800, #005933, #001E83, #190002)
• Aged Aubergine color palette (#F1F2DA, #518E00, #007869, #5A00B1, #2D0F00)
• Patina Aubergine color palette (#E4F1DA, #008F73, #006C7F, #6D0066, #1C1300)

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