Pine Field color palette — #FBF5E6 · #8EA377 · #297348 · #6B394A · #36362F
Pine and Cocoa set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Moss (#8EA377): A luminous, dusty green — the color of fresh herbs.
- Pine (#297348): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#6B394A): A full-bodied, dusty rose — the color of a warm blush.
- Espresso (#36362F): 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
- Olive Atelier color palette (#FFF3E6, #A39C70, #506F00, #63441B, #38352E)
- Hushed Olive Dune color palette (#E1F8ED, #99A867, #546F31, #5F3946, #05221A)
- Antique Veranda color palette (#F7F6EA, #96BA9A, #0C866E, #735045, #404800)
- Linen Hollow color palette (#EBEED2, #00AA86, #006869, #742501, #00372A)
- Worn Stone color palette (#FBF5E3, #AEBC7E, #708A53, #68625C, #37362F)
- Misty Lapis Studio color palette (#F1EFDE, #8EAA40, #5056D7, #4C5F00, #2C3256)
- Cobalt Workshop color palette (#FCF3ED, #A2D1BC, #3F7BBA, #00605F, #4D2E46)
- Wandering Fern color palette (#FDF7CD, #88AD64, #3E6E00, #273C00, #1B2800)
Browse the whole catalog at Explore, or see today's palette.