Pine Field color palette — #F2F3E8 · #98BF99 · #3D865A · #495C3A · #272913
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Sage (#98BF99): A luminous, dusty green — the color of new leaves after rain.
- Fern (#3D865A): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#495C3A): A full-bodied, dusty green — the color of new leaves after rain.
- Onyx (#272913): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Timeworn Driftwood Hollow color palette (#F5F1E8, #CBC3A7, #7B8A54, #57674D, #33312A)
- Antique Pine color palette (#F6F3DB, #8EB671, #168116, #00575A, #232200)
- Patina Jade color palette (#F9F5E9, #CDE5C5, #5CB283, #647E69, #393932)
- Hushed Archive color palette (#F2F3EA, #CAE4CF, #229EB4, #006D6A, #183225)
- Tempered Forest color palette (#F1F2DC, #6A9C6A, #006636, #00414A, #121400)
- Patina Station color palette (#EDF1DD, #1C7B4A, #00412D, #002420, #000401)
- Worn Jade color palette (#FAEDF8, #7FA3E9, #00A679, #3D61AC, #003020)
- Mallow Drift color palette (#FFEBF7, #E7D2D1, #E0BAF5, #6C77A3, #432D37)
Browse the whole catalog at Explore, or see today's palette.