Spruce Pier color palette — #D3E6E6 · #7FACB9 · #5F758A · #603F4D · #163117

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

The five colors

• Silver (#D3E6E6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7FACB9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5F758A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#603F4D): A full-bodied, dusty rose — the color of pressed rose petals.
• Deep Forest (#163117): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Spruce Pier 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 Study color palette (#D4E4DD, #78B2B1, #567683, #57465D, #311D37)
• Softworn Spruce color palette (#C3EEF9, #89A3C9, #70728D, #26513F, #312F00)
• Wandering Loft color palette (#DDEEFF, #9D8EC2, #7E546C, #204C25, #00221F)
• Tempered Meadow color palette (#E5E5C9, #A8BC9E, #6A9AB6, #9A5A4B, #553B00)
• Washed Fern color palette (#FEECF2, #ACA06C, #5C6B3C, #214E52, #052214)
• Antique Petrol Station color palette (#DCF3E9, #2B8492, #3A4E7C, #432500, #1B0F00)
• Quiet Turquoise Field color palette (#CEE7E5, #00A9B8, #00769D, #00416B, #071E4A)
• Dusty Cobalt Station color palette (#FAEEF4, #A8CDE6, #487FBA, #005B5A, #161C42)

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