Weathered Spruce color palette — #F9EDE9 · #619FA0 · #00617D · #003F17 · #00091B

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

The five colors

• Cream (#F9EDE9): a clean, paper-quiet neutral.
• Eucalyptus (#619FA0): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#00617D): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F17): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#00091B): 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

• Teal Studio color palette (#F3E7F2, #55B3B5, #005E78, #002E0F, #000104)
• Frosted Drift color palette (#F6E3DD, #59B1BA, #006F98, #004D2C, #000E3C)
• Ultramarine Boulevard color palette (#F2E9E1, #6999B8, #2F4DB2, #003C39, #0D0024)
• Tempered Abyss color palette (#E4EFE6, #588998, #004450, #00231B, #000B12)
• Brick Coast color palette (#DEE9DE, #00787A, #A7050D, #004142, #140000)
• Violet Bloom color palette (#CDE9D0, #70A6CE, #916BBD, #165C17, #001219)
• Washed Cobalt color palette (#F2EAE2, #87B7DC, #5A70B8, #005959, #260F45)
• Garnet Lantern color palette (#C8E7E9, #00656B, #8A2200, #512E00, #000203)

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