Patina Field color palette — #D8F2CF · #84C8D3 · #638E82 · #725A57 · #5E2A00

Built around Cocoa, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D8F2CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#84C8D3): A luminous, dusty blue — the color of deep harbor water.
• Eucalyptus (#638E82): A luminous, dusty teal — the color of sea glass.
• Graphite (#725A57): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#5E2A00): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Cocoa Meadow color palette (#D8FEDD, #93BBA9, #9A8098, #6B554E, #572E00)
• Weathered Canyon color palette (#CCEEDD, #C5A8C2, #9D8390, #814B1B, #36322C)
• Wandering Loft color palette (#F1F3E8, #7AC5A9, #40827B, #525B11, #222B18)
• Dusty Ash color palette (#DDF5FF, #B6CFDF, #829FB8, #6F6F86, #514B62)
• Hushed Cerulean color palette (#F6F1EA, #C1E7D3, #5B94BC, #266A6D, #39233A)
• Gentle Turquoise color palette (#C6EFEE, #00C0D9, #0088A9, #005B7D, #09372E)
• Pale Turquoise color palette (#E3F7EE, #29B2E5, #C3784B, #006E91, #3C1F05)
• Airy Dune color palette (#C5ECEE, #16A2DD, #4E6DB8, #65292C, #3C1C00)

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