Patina Spruce Harbor color palette — #E4F3F0 · #8B9E9D · #59777A · #143400 · #000C0A

Deep Forest takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E4F3F0): a clean, paper-quiet neutral.
• Blue Fog (#8B9E9D): A luminous, dusty teal — the color of sea glass.
• Slate (#59777A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#143400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000C0A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Patina Harbor color palette (#DCE5E8, #96ADBA, #6B8297, #004044, #05161C)
• Weathered Fern Ridge color palette (#E8E8E1, #A0A897, #708F76, #344F00, #0B0A00)
• Washed Forest color palette (#E6F1F1, #BFD0D2, #87A6B0, #00663D, #203131)
• Worn Olive Studio color palette (#D6F8F6, #718200, #007147, #004B51, #000603)
• Softworn Onyx Meadow color palette (#DEECDF, #22756C, #004554, #330B2E, #230400)
• Fern Thicket color palette (#E1F2EC, #3B6B28, #00351B, #151900, #010800)
• Inked Forest color palette (#F9EED6, #0B5A0D, #002B26, #190025, #000502)
• Patina Spruce Hollow color palette (#DCE8E7, #8A9EA0, #56777F, #003519, #000C0C)

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