Oat Courtyard color palette — #E9FAF4 · #BCD18E · #70B5CB · #997AA2 · #5C391E

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

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Pistachio (#BCD18E): A whisper-light, balanced green — the color of new leaves after rain.
• Cyan (#70B5CB): A luminous, dusty blue — the color of deep harbor water.
• Heather (#997AA2): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#5C391E): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Worn Honey color palette (#EDF9F0, #DEC57E, #76B8AD, #7983B5, #4F3954)
• Seafoam Parlor color palette (#EBF8F9, #8BDABF, #92A9D8, #A97588, #2A4B35)
• Antique Pewter Market color palette (#FCF3ED, #EFC1A0, #4CACA5, #95536B, #512F13)
• Hushed Stone color palette (#EEF8F0, #CBAD6D, #6A8FB9, #855972, #493B58)
• Stone Summit color palette (#F0F7F2, #C6E6D8, #91C1B5, #8BA091, #3B5349)
• Weathered Workshop color palette (#E6F6F3, #99C687, #658282, #485955, #1B2421)
• Lime Courtyard color palette (#D9FEF9, #4ED75C, #00A7D9, #984DC1, #5B1100)
• Mint Study color palette (#E3F6F7, #27CF9D, #5695E4, #A44B84, #3E2500)

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