Spruce Pier color palette — #E2F0F0 · #7FA1A6 · #507784 · #003420 · #010C0C

Deep Forest and Slate set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E2F0F0): bright and airy, almost weightless.
• Blue Fog (#7FA1A6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#507784): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#003420): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#010C0C): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Dusty Drift color palette (#D2E1EB, #96ACC2, #6F809C, #003E51, #031621)
• Worn Abyss Thicket color palette (#EAECE5, #9DA99A, #748D7D, #005331, #070B00)
• Antique Forest color palette (#E3F2F4, #B6D1DB, #8CA4B2, #006359, #1C3236)
• Ancient Petrol color palette (#E1F2ED, #007D8B, #0E4367, #391223, #1E0C00)
• Dusty Lantern color palette (#D2ECF2, #00923D, #00695C, #004254, #000303)
• Velvet Forest color palette (#E0F3F0, #006F4C, #00332C, #011D02, #000808)
• Charred Abyss Ridge color palette (#ECDEC2, #005841, #00292F, #1E0017, #000504)
• Charred Spruce Coast color palette (#D1F6FE, #49474F, #003633, #191B22, #000507)

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