Softworn Spruce color palette — #EEE5EF · #528C89 · #004453 · #022502 · #000A18

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

The five colors

• Blush (#EEE5EF): bright and airy, almost weightless.
• Storm Blue (#528C89): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#004453): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#022502): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Weathered Cypress Harbor color palette (#E6F4E8, #60A09B, #00646D, #003D2A, #000B10)
• Hushed Garden color palette (#E7DCE0, #5986A3, #183385, #002221, #0D0025)
• Powdered Indigo color palette (#C6E8F0, #62A0C7, #775DAC, #00430C, #001419)
• Ultramarine Canyon color palette (#F0E0E7, #72A6C3, #1D4FB2, #003E39, #21104A)
• Garnet Atelier color palette (#DCEDF2, #005D60, #77002E, #002628, #130003)
• Misty Forest color palette (#F9E3DE, #1FB7B1, #00829C, #0E620E, #000A17)
• Charred Ridge color palette (#D0EDF2, #004850, #65001F, #391200, #000203)
• Petrol Harbor color palette (#F5EBF2, #91B8C9, #006FA3, #005237, #172861)

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