Patina Field color palette — #F3F3C7 · #9BD7CD · #69A3D2 · #755900 · #001E14

Coffee and Cornflower set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F3F3C7): A whisper-light, dusty green — the color of fresh herbs.
• Lagoon (#9BD7CD): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#69A3D2): A luminous, balanced blue — the color of open sky before noon.
• Coffee (#755900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#001E14): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged pastel, light, muted, cool.

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

• Lilac Station color palette (#DFEFD6, #98CEE4, #A297E5, #426B34, #001D0B)
• Terracotta Cabin color palette (#FDE8C0, #A6D99B, #58B3B6, #8A3C27, #201A00)
• Chalky Hollow color palette (#D2F0DD, #55C5D1, #5690DF, #4B4C00, #001210)
• Aged Station color palette (#F1F8D7, #93D2BE, #21B8C5, #4C6E00, #16412D)
• Bronze Quarry color palette (#D5F4EE, #A3DEED, #7CBCE8, #957B00, #00402F)
• Worn Indigo Pier color palette (#D5F1ED, #41A8C6, #786BB4, #214C00, #000708)
• Garnet Studio color palette (#FCE6D0, #9A853A, #794703, #5A140B, #0B1100)
• Aubergine Orchard color palette (#E0E8DA, #09A588, #65399C, #005343, #070003)

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