Softworn Spruce Harbor color palette — #E9DDDA · #63AEA8 · #006276 · #074105 · #00213B

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

The five colors

• Bone (#E9DDDA): bright and airy, almost weightless.
• Turquoise (#63AEA8): A luminous, dusty teal — the color of sea glass.
• Peacock (#006276): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#074105): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#00213B): 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 Softworn Spruce Harbor 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

• Denim Chapel color palette (#F6E3D9, #66AABE, #005A96, #003F31, #15154D)
• Weathered Drift color palette (#D9E6DB, #66AAA6, #00646D, #003B29, #000D13)
• Tempered Petrol Boulevard color palette (#ECE3D5, #7AC0BC, #008490, #005C42, #00242E)
• Muted Courtyard color palette (#FFF2EA, #78C3E0, #1E6FBF, #005749, #2C2866)
• Patina Navy color palette (#F8EDE2, #5985AB, #293082, #002223, #100021)
• Cobalt Atelier color palette (#FBF3EF, #AFCDBB, #477DAC, #00624C, #4E2E46)
• Gentle Thicket color palette (#FEF2EE, #9FDBDA, #008DAF, #186A2B, #0B4172)
• Worn Pine Pier color palette (#E8DFE9, #8ACECA, #00A2C4, #10841B, #00213C)

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