Misty Courtyard color palette — #F3E3D4 · #D17E00 · #928000 · #00727E · #24031B

A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F3E3D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#D17E00): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#928000): A full-bodied, balanced green — the color of a quiet forest floor.
• Teal (#00727E): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#24031B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Misty 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

• Amber Harbor color palette (#F5E1CD, #C58700, #009B74, #006D8E, #260407)
• Misty Blush color palette (#FFE3DD, #EA6A8C, #A67100, #007967, #1F0A2C)
• Amber Boulevard color palette (#F1E3D2, #B48100, #677A00, #005981, #140000)
• Powdered Bronze Loft color palette (#E3E8FF, #938000, #006F58, #00505D, #040D2B)
• Gentle Coral Lagoon color palette (#EDDCBC, #FF7C7D, #B07E13, #1E69A9, #3F1603)
• Marigold Atelier color palette (#FDF4E7, #D9A034, #779844, #0085A8, #321817)
• Hazy Bronze color palette (#F3E3C5, #9E7700, #006E4F, #004A6C, #060001)
• Rose Lantern color palette (#FFDFD5, #FC586D, #629100, #007864, #220616)

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