Patina Spruce color palette — #E0F1F3 · #7F909A · #5D6C7F · #00322A · #000202

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

The five colors

• Frost (#E0F1F3): bright and airy, almost weightless.
• Slate Blue (#7F909A): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5D6C7F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#00322A): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

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

Use it as a design system

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

• Navy Lagoon color palette (#E4EDF6, #989FB3, #7C7892, #00395D, #00050C)
• Patina Abyss color palette (#E5EBE3, #A8C3AE, #7D998B, #004641, #000200)
• Dusty Cabin color palette (#E1EBEE, #C0CDD9, #98A4BC, #006165, #0C181C)
• Midnight Boulevard color palette (#C3EBF3, #605755, #003038, #13131A, #00020B)
• Moonless Denim color palette (#D4EBD8, #006379, #2C3361, #271500, #080300)
• Patina Atelier color palette (#EBF3FC, #CCD2EE, #AEA6C2, #0058B2, #0D1B2B)
• Aged Thicket color palette (#EBF3F9, #D9D7E5, #C3BAC7, #4E7C94, #272D32)
• Feathered Emerald Station color palette (#D5EFF1, #229412, #006D80, #3A1F89, #000103)

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