Oat Courtyard color palette — #D6FEFD · #9DCFD4 · #7A9299 · #5C6B7E · #54505E

Oat and Ivory set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#D6FEFD): A whisper-light, dusty teal — the color of glacier melt.
• Oat (#9DCFD4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7A9299): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#5C6B7E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#54505E): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged vintage, retro, 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

• Aged Balcony color palette (#EDF8F7, #D8DBEB, #7A9CC6, #52738B, #455368)
• Mint Chapel color palette (#D8FEFF, #60C5A8, #2A9C89, #34736D, #37565E)
• Softworn Glacier Harbor color palette (#E7F9FF, #89E1E6, #3C939B, #195B5F, #0D3C49)
• Wandering Cerulean color palette (#CEEBEA, #459EAC, #236D8B, #3E4365, #3B2841)
• Teal Bloom color palette (#E4FAFF, #42C7BE, #9690CD, #1F837D, #454C64)
• Worn Corridor color palette (#D1EAEE, #2C96BB, #3B5F80, #402950, #172B00)
• Antique Terrace color palette (#F4F8DD, #D2E0C4, #9FB0A2, #9A7B81, #5C4846)
• Feathered Indigo Garden color palette (#D9EAFF, #829ADF, #6C5BAD, #713251, #602102)

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