Spruce Bloom color palette — #F1F0E7 · #8B8F82 · #60705F · #282D00 · #020100

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

The five colors

• Cream (#F1F0E7): bright and airy, almost weightless.
• Eucalyptus (#8B8F82): a calm mid-gray that lets other colors speak.
• Pewter (#60705F): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#282D00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Abyss Atelier color palette (#E3EBE0, #92A59A, #897389, #004038, #020601)
• Fern Summit color palette (#E9EAE2, #C6CFC0, #96A99C, #386126, #161709)
• Charred Fern color palette (#FFE6CA, #4C6B2A, #003C3F, #3A0400, #080000)
• Pine Balcony color palette (#E4E7D1, #A46900, #007321, #003E54, #000201)
• Ancient Cypress color palette (#EFF3EC, #CFDAD8, #B0C0C2, #4E8170, #282E23)
• Charred Fern Veranda color palette (#FBE6E4, #4A4A00, #002926, #190016, #000200)
• Washed Spruce color palette (#EBE7DE, #8E8E82, #637059, #322900, #020100)
• Ancient Spruce color palette (#E8E8DF, #889082, #5B7162, #183200, #010100)

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