Patina Oat color palette — #FFEEE7 · #E4D6BC · #D2CA82 · #9B647F · #342E29

Pistachio and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Wheat (#E4D6BC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#D2CA82): A whisper-light, balanced green — the color of fresh herbs.
• Mocha (#9B647F): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#342E29): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Sand Bloom color palette (#FFECEF, #E4D1CC, #FAB686, #8679A9, #462E2B)
• Seafoam Veranda color palette (#FDEFE1, #D3F2C3, #A1DDAF, #9D6C60, #36332C)
• Bronze Ridge color palette (#FFF2EB, #DFD8CD, #E6B988, #B06C52, #6F3809)
• Weathered Studio color palette (#FFEEE5, #FCCB89, #95B600, #A82B46, #2C1800)
• Jade Loft color palette (#F4E5CC, #BAD387, #2FBB8F, #86491A, #241B00)
• Oat Veranda color palette (#FFF0FD, #EBD3D2, #D4D398, #A495B7, #574351)
• Bronze Garden color palette (#F9F1E2, #ACB081, #8A722E, #644425, #242410)
• Soft Pine Boulevard color palette (#F8F0E9, #DFA668, #008C4B, #8D5600, #0C1002)

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