Spruce Field color palette — #F3F2E8 · #BACAA2 · #6D8C6E · #745A58 · #273800

Forest and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F2E8): a clean, paper-quiet neutral.
• Pistachio (#BACAA2): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#6D8C6E): A luminous, dusty green — the color of a quiet forest floor.
• Graphite (#745A58): A full-bodied, dusty orange — the color of sun-warmed clay.
• Forest (#273800): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Spruce 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

• Aged Driftwood Chapel color palette (#F5F1E9, #B3CDA3, #718E4E, #7A5C10, #31322B)
• Patina Stone color palette (#F8E5C1, #AAB868, #628F57, #2C6854, #293D28)
• Weathered Boulevard color palette (#ECF8D3, #96E4BE, #56946D, #275640, #161F03)
• Patina Study color palette (#F3F3E1, #B2E2E3, #DCC5C8, #9B8867, #2B3E00)
• Timeworn Mint Market color palette (#EFF5E3, #7AC796, #B28BBF, #4D7E5F, #42282F)
• Washed Oat color palette (#EEF8F5, #AEDBDB, #7BA3AC, #8B7686, #3C5252)
• Mustard Field color palette (#FFEFDD, #B0AD2F, #3A7D35, #674415, #291F00)
• Antique Olive color palette (#F9F0EC, #C1EEE5, #6EA4C0, #63732F, #3F303F)

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