Washed Spruce color palette — #D7E8E4 · #93B0AC · #568A88 · #234100 · #031814

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

The five colors

• Parchment (#D7E8E4): bright and airy, almost weightless.
• Ash (#93B0AC): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#568A88): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#234100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#031814): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Cypress color palette (#D5E1E2, #8C9EA0, #437C77, #003423, #000C0D)
• Ancient Abyss Studio color palette (#DFE8EB, #ACBCC5, #7093AC, #004E58, #0F222A)
• Fern Study color palette (#F1F0E0, #B1B89C, #869E7C, #475B00, #161405)
• Hushed Olive Meadow color palette (#D3E4DE, #A3B3BA, #859AB0, #657D00, #001912)
• Forest Courtyard color palette (#EBF8F6, #BED9D7, #77B69B, #0A6E15, #1A3936)
• Weathered Atelier color palette (#EFF7F9, #D1DAE7, #A2B7C2, #087275, #2F3D42)
• Airy Olive color palette (#CBE6DC, #4F7A03, #0F4400, #1F2600, #081300)
• Navy Coast color palette (#D3EDE7, #388486, #004F5E, #22245F, #2E0B2E)

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