Patina Spruce color palette — #F7F6E9 · #7DA689 · #2A7064 · #6A3C3A · #303B00
Built around Forest, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F6E9): bright and airy, almost weightless.
- Moss (#7DA689): A luminous, dusty teal — the color of sea glass.
- Teal (#2A7064): A full-bodied, dusty teal — the color of glacier melt.
- Cocoa (#6A3C3A): A full-bodied, dusty orange — the color of sun-warmed clay.
- Forest (#303B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Weathered Cocoa color palette (#FBF5E7, #91A277, #406F4D, #5F4700, #36362F)
- Hushed Chestnut color palette (#F4F7E8, #A4B795, #2C8185, #824920, #3B4732)
- Abyss Field color palette (#E5E6D7, #5D9A81, #00625F, #284719, #212E0C)
- Sunlit Pine color palette (#D3FDDB, #69B682, #007841, #00411A, #002A12)
- Faded Olive color palette (#F7ECCB, #96A245, #4A7700, #005D27, #004532)
- Softworn Dune color palette (#F0F0DE, #3F8B69, #00504B, #4D1E16, #002113)
- Olive Parlor color palette (#F6F8DB, #AAEAD2, #89C1D9, #756D25, #3C4900)
- Tempered Orchid color palette (#EFF0DC, #689F4B, #A563AD, #2B5E00, #4A244F)
Browse the whole catalog at Explore, or see today's palette.