Patina Field color palette — #F2F2EC · #C5E3DD · #68A7B6 · #277977 · #1F3D2F

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2F2EC): a clean, paper-quiet neutral.
• Silver (#C5E3DD): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#68A7B6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#277977): A full-bodied, dusty teal — the color of sea glass.
• Forest (#1F3D2F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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 Petrol Study color palette (#F1F3EC, #C8DEDF, #77A89B, #2F748D, #432D44)
• Patina Studio color palette (#EFF4E5, #8DC1A3, #729FD6, #148655, #173251)
• Timeworn Cerulean color palette (#ECEEDD, #458292, #004255, #001F21, #000103)
• Aqua Market color palette (#EFF7F6, #D2DEEF, #63C0D5, #479592, #405662)
• Patina Lagoon color palette (#F2F2E9, #BACEB7, #238C8E, #005D4D, #00262A)
• Cobalt Lagoon color palette (#E8EAE3, #95BDAF, #006FB6, #00485D, #001533)
• Cerulean Harbor color palette (#EEF5E5, #6FAB8E, #3F99BE, #887833, #232A16)
• Aged Bronze Balcony color palette (#FAF0E4, #C6B9A5, #A47A3C, #70512E, #322B1C)

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