Worn Spruce color palette — #F8E2DC · #479996 · #005265 · #012E05 · #00040D

A conversation between Deep Forest and Storm Blue, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F8E2DC): A whisper-light, dusty orange — the color of toasted spice.
• Storm Blue (#479996): A luminous, dusty teal — the color of sea glass.
• Peacock (#005265): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#012E05): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00040D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Aged Station color palette (#EFDDCF, #6091AB, #1A458F, #002C28, #050018)
• Hushed Petrol Field color palette (#E2F3E5, #7CC6C3, #007580, #00402E, #000305)
• Forest Harbor color palette (#E5DAE6, #5CB2B1, #00718D, #004E16, #00142C)
• Washed Cerulean Villa color palette (#F9EFEC, #B7CFB8, #1488AA, #245D30, #032140)
• Muted Workshop color palette (#F3E7DB, #8CB9E0, #5462B7, #004B4D, #1D0932)
• Charred Fern color palette (#F2EDCB, #516C2A, #3F3600, #261300, #000201)
• Aged Cypress Pier color palette (#F8F0EC, #CAE3D5, #6D91B5, #1C6D59, #3C2235)
• Gentle Navy Boulevard color palette (#FDE3E9, #DC82AE, #B56731, #153589, #14000E)

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