Spruce Field color palette — #EDE0DC · #4AAEAC · #00627A · #003D0D · #000B1C

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

The five colors

• Parchment (#EDE0DC): bright and airy, almost weightless.
• Turquoise (#4AAEAC): A luminous, balanced teal — the color of sea glass.
• Peacock (#00627A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003D0D): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000B1C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Denim Coast color palette (#F6EAE2, #60A8BF, #005A9D, #003B2F, #07032A)
• Worn Cerulean color palette (#ECF9EE, #9AD9D8, #008A9B, #005340, #000F16)
• Ancient Meadow color palette (#F5EDF6, #6CC2C1, #0081A1, #005E1E, #00203F)
• Timeworn Lagoon color palette (#EEDFDC, #238984, #004352, #022102, #000104)
• Linen Garden color palette (#FFEEE3, #5CCAF5, #006FD7, #005347, #180949)
• Emerald Quarry color palette (#D4E8DA, #119B4F, #00542C, #00200C, #000200)
• Patina Cerulean Studio color palette (#F7F0ED, #CCE3D0, #4C97BD, #316C4C, #392437)
• Tempered Cobalt color palette (#F0EED4, #65C7AC, #0094D2, #6A4800, #0E1200)

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