Weathered Spruce color palette — #ECE3ED · #60AEAB · #006178 · #00420C · #00203D

A conversation between Forest and Peacock, giving this palette its sense of nature and growth.

The five colors

• Blush (#ECE3ED): bright and airy, almost weightless.
• Turquoise (#60AEAB): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006178): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00420C): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#00203D): 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 Weathered Spruce 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

• Denim Parlor color palette (#F7EDF2, #54ABC8, #00589E, #003F33, #191942)
• Timeworn Thicket color palette (#E5DDD2, #56ADA9, #00646E, #003B2A, #000D13)
• Aqua Summit color palette (#D7E4D9, #45C7C3, #008491, #005C43, #00242E)
• Frosted Indigo color palette (#BFE9F4, #5EC0E7, #7E71D4, #00571F, #002B34)
• Cobalt Lantern color palette (#FFF0F8, #67C6E7, #006FC6, #005748, #2A266B)
• Muted Pine color palette (#F0E2DA, #81D0CC, #00A3BC, #00824A, #002334)
• Worn Brick color palette (#D5E6EA, #007D7B, #A9002A, #004341, #3A0008)
• Dusty Nightshade color palette (#F3E2E7, #4B86B5, #270CAB, #002223, #0F0022)

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