Worn Spruce color palette — #E4F2E9 · #559AA4 · #566191 · #204000 · #000903

Built around Forest, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Cream (#E4F2E9): bright and airy, almost weightless.
• Storm Blue (#559AA4): A luminous, dusty blue — the color of deep harbor water.
• Slate (#566191): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#204000): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000903): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Worn 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

• Worn Denim color palette (#DDEECC, #43A6A3, #236194, #443100, #100900)
• Wandering Drift color palette (#D3F7FF, #7A9DC1, #845089, #00423A, #000C0F)
• Ancient Aubergine Summit color palette (#BCE9EA, #4372A6, #60316D, #2B3200, #04210A)
• Aubergine Workshop color palette (#C9E5ED, #5B89A8, #5A3470, #002315, #000202)
• Sapphire Field color palette (#F9E9F2, #81C1DB, #0066C1, #003F35, #020012)
• Lagoon Harbor color palette (#CCE9DA, #6F9B6C, #005B4D, #002F47, #000200)
• Dusty Iris color palette (#D6EDFF, #768DDA, #8E67A9, #7A4800, #261F00)
• Wandering Cypress color palette (#EBF7FF, #C3C1EC, #A57486, #1A645E, #00312D)

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