Oat Courtyard color palette — #FCF2F4 · #CBD8A8 · #9C6F76 · #634348 · #352729

Built around Pistachio, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF2F4): bright and airy, almost weightless.
• Pistachio (#CBD8A8): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#9C6F76): A full-bodied, dusty red — the color of late-summer berries.
• Cocoa (#634348): A full-bodied, dusty red — the color of late-summer berries.
• Onyx (#352729): A deep, shadowed, dusty red — the color of embers at dusk.

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

Use it as a design system

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

• Cocoa Ridge color palette (#FDF3ED, #CFC593, #99614C, #683102, #2A1F18)
• Dusty Driftwood color palette (#F6F3FE, #C1E1F5, #9E7799, #4A405F, #1C1924)
• Blush Station color palette (#FDF2F2, #FFD3BE, #CA86A7, #876260, #342827)
• Plum Garden color palette (#FFF1F0, #BBC269, #9E4670, #5B253F, #2B1211)
• Muted Basalt Bloom color palette (#F7F3FB, #DAB3C8, #785063, #52293E, #2E2932)
• Timeworn Taupe color palette (#FEF3EB, #D49D76, #9B8B50, #2A7379, #432D30)
• Taupe Loft color palette (#FCF3F1, #DDDAD3, #AEB4AA, #B89187, #5B504D)
• Antique Peony Harbor color palette (#FCF3F2, #F7BDDD, #C1905E, #B9719B, #322D27)

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