Patina Spruce Alley color palette — #F5E9E5 · #6CACA9 · #006178 · #00420E · #00203E

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

The five colors

• Cream (#F5E9E5): bright and airy, almost weightless.
• Turquoise (#6CACA9): A luminous, dusty teal — the color of glacier melt.
• Peacock (#006178): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00420E): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#00203E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Chalky Summit color palette (#F9EAE2, #73A8B9, #00599B, #003F33, #181152)
• Dusty Denim color palette (#E2ECE4, #5DABAA, #006470, #003B2B, #000D13)
• Dusty Field color palette (#F6EFE3, #7AC0BE, #008493, #005B45, #00242F)
• Sapphire Lantern color palette (#FFF2EA, #8AC0DA, #216ACF, #00574D, #31246A)
• Pine Studio color palette (#F4E9F4, #6ED3D0, #00A2C6, #347F3B, #00203E)
• Gentle Forest Cabin color palette (#FDF3EF, #99DCDF, #008CB5, #006B33, #153F74)
• Softworn Navy color palette (#F3E7DA, #917594, #312C83, #002225, #11001F)
• Olive Drift color palette (#E8E0CB, #618142, #4E4600, #3B2100, #001C0E)

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