Patina Field color palette — #F8F3F9 · #D4D7EF · #64A3BC · #4B7C54 · #465464

Olive and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F3F9): a clean, paper-quiet neutral.
• Powder Blue (#D4D7EF): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#64A3BC): A luminous, dusty blue — the color of deep harbor water.
• Olive (#4B7C54): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#465464): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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 Coast color palette (#F0F7F1, #D0E2F3, #75BFCC, #5D9094, #415662)
• Worn Moss Villa color palette (#EDF6FF, #5D9FD2, #8C9037, #787B41, #374450)
• Hushed Ash Thicket color palette (#F6F1EA, #C1EBDF, #68A8B3, #447765, #273B31)
• Tempered Orchard color palette (#E9DFEA, #56B0A9, #006275, #0A4104, #00213B)
• Worn Onyx color palette (#F1E5EF, #478D95, #00425D, #002413, #000428)
• Antique Cobalt Veranda color palette (#FDF1F9, #8FDCF0, #0086D0, #00694F, #323C69)
• Muted Taupe color palette (#FBF3EF, #C0E3E7, #AAD2B9, #9BA882, #335247)
• Worn Cobalt color palette (#EFF6FF, #99B0DE, #C28D45, #5270B4, #40533F)

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