Oat Loft color palette — #FFF1F1 · #D2D79A · #976F87 · #634344 · #322929

A conversation between Pistachio and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Pistachio (#D2D79A): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#976F87): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#634344): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#322929): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Antique Mustard color palette (#FFF3E8, #DAC37C, #936643, #623600, #2B1F14)
• Ancient Pewter Drift color palette (#FEF2F2, #BEC59E, #74516A, #4E2E31, #2F211A)
• Muted Workshop color palette (#F8F3FA, #BCEAF4, #927C9E, #513D5B, #201824)
• Timeworn Mustard color palette (#FFF2EF, #C8BF38, #AA3D58, #5A2833, #281510)
• Shell Lagoon color palette (#FEF2F0, #FEBBD0, #A79D61, #B2798C, #302E27)
• Patina Field color palette (#FFF2F0, #E18DAF, #59AAB1, #618567, #4B3836)
• Softworn Taupe Orchard color palette (#FCF3EF, #DEDAD1, #ACB6AA, #B69283, #58514E)
• Hushed Bronze color palette (#F9E5CF, #A27E00, #4F3000, #190C00, #030100)

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