Pine Field color palette — #FCF4E6 · #A1861F · #187726 · #005354 · #512E19
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#FCF4E6): A whisper-light, dusty gold — the color of old brass.
- Moss (#A1861F): A luminous, balanced green — the color of fresh herbs.
- Olive (#187726): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#005354): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#512E19): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Hazy Dune color palette (#F7F6E8, #77953B, #007461, #005067, #4A3306)
- Weathered Moss Orchard color palette (#FBE6BB, #BAAF5C, #868700, #566000, #3C4F2F)
- Wandering Workshop color palette (#FEF3EA, #BC744B, #736300, #1E5526, #512A38)
- Olive Bloom color palette (#F0E8C9, #717400, #005A40, #003947, #332000)
- Aged Meadow color palette (#FFF4DE, #BBB49B, #8B895F, #5A6C59, #355653)
- Feathered Boulevard color palette (#FFF3E5, #FFCDAD, #FBAF21, #9F8800, #433F39)
- Hushed Villa color palette (#FDEFE4, #C87636, #00746E, #333D68, #301224)
- Softworn Bronze Studio color palette (#ECE3D7, #916A00, #3B3206, #271D0E, #0E0D06)
Browse the whole catalog at Explore, or see today's palette.