Patina Field color palette — #ECF4F0 · #CED9D9 · #A4AFB7 · #638E77 · #303934

A conversation between Fern and Ash, giving this palette its sense of sophistication.

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#CED9D9): a clean, paper-quiet neutral.
• Ash (#A4AFB7): soft and architectural.
• Fern (#638E77): A luminous, dusty teal — the color of sea glass.
• Charcoal (#303934): a grounded near-black with real depth.

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

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

• Driftwood Harbor color palette (#F6EFF5, #DED4D4, #B8ABA4, #96788F, #3A3438)
• Timeworn Cerulean Ridge color palette (#F0F6FA, #D8DAE2, #B5A8AC, #408EA0, #4C5458)
• Aged Spruce Terrace color palette (#F1F3E7, #BEC8A9, #5D8F7A, #576653, #2B3600)
• Onyx Quarry color palette (#E5F2EC, #80928C, #756576, #002E41, #000201)
• Sky Balcony color palette (#EEF5E4, #79B3DB, #5F78A7, #6A4263, #19322C)
• Worn Navy color palette (#E9DEE5, #BDAEB6, #9D8690, #363B7E, #11070E)
• Tempered Petrol color palette (#E7F6F1, #E6D7DC, #D1B5CC, #0071B0, #192924)
• Patina Cocoa Alley color palette (#FFEBFA, #DBC6D2, #AD909B, #785A53, #6A2D12)

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