Spruce Loft color palette — #F7E2DD · #61ABA9 · #00627A · #003D0D · #000B1C
A conversation between Forest and Peacock, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F7E2DD): A whisper-light, dusty orange — the color of autumn markets.
- Turquoise (#61ABA9): A luminous, dusty teal — the color of glacier melt.
- 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 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
- Washed Grove color palette (#EFE4DD, #6FA5B9, #10599B, #003A30, #08002E)
- Aged Denim color palette (#E3DED5, #8AA888, #00636D, #00402E, #00242E)
- Antique Petrol Thicket color palette (#F5E6DF, #99BEA2, #0074A3, #004E31, #03103E)
- Cerulean Field color palette (#EAFAED, #9ED9D6, #008A98, #00543D, #000F15)
- Aged Navy Hollow color palette (#F1E9DF, #4A7EA6, #262F81, #001F20, #020007)
- Softworn Forest color palette (#F8F0ED, #C9E5CD, #6195B0, #316C4A, #392339)
- Olive Pier color palette (#F8EDD1, #617B47, #4D4400, #341C00, #000703)
- Grape Veranda color palette (#E5D9F1, #7430A1, #005B38, #003F3D, #07000F)
Browse the whole catalog at Explore, or see today's palette.