Misty Courtyard color palette — #D7FFF6 · #7BF8CB · #A5E1EC · #98B55F · #304E30

Built around Mint, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D7FFF6): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint (#7BF8CB): A whisper-light, balanced teal — the color of glacier melt.
• Powder Blue (#A5E1EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sage (#98B55F): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#304E30): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Calm, Softness. Tagged pastel, light, cool.

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

• Jade Quarry color palette (#D6FFFB, #A5E3FB, #C1BDC8, #7EBB6B, #214F36)
• Seafoam Hollow color palette (#FDF8C5, #BDEBBD, #80E2B4, #C9AC53, #4A4A1F)
• Airy Moss Thicket color palette (#D4FAF5, #B5EEC9, #75D7E2, #79A252, #003635)
• Pale Amber color palette (#D9FFF3, #91F9F4, #5CDDE3, #B18618, #144D48)
• Hushed Marigold Chapel color palette (#FBF8CC, #C5F3EC, #D5D2DE, #C99B00, #1D411E)
• Washed Teal Summit color palette (#D7FEFF, #BBE0FF, #A6C5FF, #00B4A8, #003B42)
• Mint Lantern color palette (#F3F4DA, #BBF2C5, #00D4A2, #617B2E, #242801)
• Washed Emerald Delta color palette (#E1FBFA, #D1D67D, #3DA568, #346947, #00201F)

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