Spruce Orchard color palette — #F4F7E7 · #72A892 · #0C7269 · #48456D · #283D00

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

The five colors

• Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#72A892): A luminous, dusty teal — the color of sea glass.
• Teal (#0C7269): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#48456D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#283D00): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Timeworn Pine Workshop color palette (#F8F5E7, #9D9E76, #2A7346, #314C6F, #36362F)
• Aged Garnet color palette (#F4F8E0, #66B693, #007A6D, #7F334A, #134532)
• Washed Cypress color palette (#F6F2E3, #83AC88, #007569, #623A32, #1B1E08)
• Basalt Hollow color palette (#FAF4EB, #B9AF8D, #677C49, #654E78, #504100)
• Ancient Aubergine Meadow color palette (#F1EBD7, #7A9F58, #197A38, #60015B, #1E3500)
• Lagoon Canyon color palette (#EAF9F2, #95C19C, #009487, #715977, #173C3A)
• Mulberry Quarry color palette (#FDE9E5, #C47181, #008C7D, #9F0C44, #003F37)
• Hushed Teal color palette (#E6FAF8, #8FDDBE, #3BB5A9, #7A82A0, #173C3E)

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