Spruce Loft color palette — #EDE3EE · #6EABA9 · #006178 · #00420E · #00203E

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

The five colors

• Blush (#EDE3EE): bright and airy, almost weightless.
• Blue Fog (#6EABA9): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006178): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00420E): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#00203E): 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 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

• Softworn Denim color palette (#EBDBE4, #6EA8BF, #0056A5, #003F35, #1B1940)
• Washed Teal Archive color palette (#FAEEDC, #48AFAC, #00646F, #003B2B, #000D13)
• Worn Drift color palette (#E3EFE6, #5BC5C2, #008492, #005C44, #00242F)
• Quiet Parlor color palette (#FFF0F8, #60C6EB, #006DCB, #005749, #2C2769)
• Feathered Pine Corridor color palette (#F8E8DF, #AACAA7, #00A3BD, #00824C, #002234)
• Cerulean Parlor color palette (#DCF7EF, #7FC9AE, #009BCC, #574500, #002927)
• Nightshade Coast color palette (#F9E8ED, #5785AE, #2B0CA8, #002223, #100021)
• Hazy Emerald color palette (#DAF3DF, #009752, #005113, #00230F, #000F05)

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