Spruce Field color palette — #EFDBD5 · #629F9C · #006278 · #033F09 · #000A18

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

The five colors

• Bone (#EFDBD5): A whisper-light, dusty orange — the color of autumn markets.
• Eucalyptus (#629F9C): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006278): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#033F09): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Worn Alley color palette (#FEEBDF, #5A9DB0, #005C97, #003D2E, #05002C)
• Timeworn Delta color palette (#F3E6F4, #68B1AE, #005E74, #002E06, #000104)
• Petrol Balcony color palette (#F1EADF, #62B0AD, #008391, #006046, #000B11)
• Tempered Studio color palette (#DDEBDF, #488E8B, #00454C, #002318, #000B11)
• Patina Cobalt color palette (#F7E7D9, #8AB8D3, #4A72C0, #005A53, #221148)
• Wandering Coast color palette (#F9EBE4, #95CFDC, #358EC8, #006F50, #1E2958)
• Antique Bronze Field color palette (#F6EECA, #8E7500, #574200, #211A00, #030200)
• Patina Garnet Hollow color palette (#EEDFD0, #A3AC63, #079C80, #872211, #0E0800)

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