Pine Field color palette — #FEF3E6 · #9B9F72 · #217532 · #653E44 · #37352F
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
- Moss (#9B9F72): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#217532): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#653E44): A full-bodied, dusty red — the color of a theater curtain.
- Espresso (#37352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Hushed Cabin color palette (#FAF5E9, #86A57D, #00745E, #265545, #35362F)
- Pine Thicket color palette (#FFF4E1, #91B05E, #007D51, #614077, #324117)
- Jade Garden color palette (#E4F7EE, #8AAD6B, #3A7346, #33485F, #00221C)
- Aged Basalt Veranda color palette (#EDE4CF, #729863, #00644F, #532B5B, #2A2B09)
- Dusty Mint Workshop color palette (#FBF5E1, #9EC27D, #54905F, #496685, #36362F)
- Patina Cobalt color palette (#FDF3EE, #AFCEB6, #0082B6, #00633E, #4B2F48)
- Cocoa Chapel color palette (#FAF4EF, #CEC09C, #6A8D5A, #765E6A, #604A00)
- Timeworn Lagoon color palette (#FFE8E9, #C06CA7, #2F9836, #841B6C, #174018)
Browse the whole catalog at Explore, or see today's palette.