Hazy Courtyard color palette — #D6E2DE · #859F00 · #007349 · #4B5A00 · #000404

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D6E2DE): a clean, paper-quiet neutral.
• Olive Leaf (#859F00): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007349): A full-bodied, balanced teal — the color of sea glass.
• Olive (#4B5A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#000404): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged duotone.

Use it as a design system

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

• Softworn Orchard color palette (#D8E5DC, #B18E00, #3F7000, #655000, #000503)
• Jade Veranda color palette (#D7E9E8, #4AA872, #006E73, #006338, #000405)
• Patina Emerald Alley color palette (#D2E8D2, #36A86D, #00795B, #004138, #001816)
• Hazy Clover color palette (#E2F7F6, #00CB74, #008989, #007E46, #001616)
• Aged Boulevard color palette (#E7E0D1, #C3A900, #0092A9, #887600, #000502)
• Lagoon Villa color palette (#D9E9EC, #008874, #264F6D, #004238, #000203)
• Weathered Bronze color palette (#E0EDE5, #8B7500, #004754, #3B3100, #000407)
• Softworn Studio color palette (#E3EEEC, #B4C9C7, #87ADAC, #387100, #032520)

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