Spruce Loft color palette — #EBDCD8 · #65AAA7 · #006279 · #003D0A · #000B1B

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

The five colors

• Bone (#EBDCD8): a clean, paper-quiet neutral.
• Turquoise (#65AAA7): A luminous, dusty teal — the color of sea glass.
• Peacock (#006279): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003D0A): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000B1B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Denim color palette (#EFE5D7, #66ADA9, #00636C, #00402D, #00242E)
• Denim Coast color palette (#F3E8E2, #7DA792, #0058A3, #003A30, #09002E)
• Feathered Forest color palette (#E4DCE5, #69C3BC, #00829B, #145E05, #00213A)
• Dusty Cerulean color palette (#EBFAEE, #98DAD6, #008A97, #00543C, #000F15)
• Soft Cobalt color palette (#FCEFE7, #78C8E6, #0072D0, #005345, #16044F)
• Timeworn Navy color palette (#E7DDD3, #538476, #252791, #001F20, #020007)
• Washed Azure Boulevard color palette (#E3E3D4, #84BBA8, #119DD2, #644A00, #00150C)
• Worn Emerald color palette (#D7EDD8, #399451, #005216, #002108, #000200)

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