Hazy Courtyard color palette — #F8F4CF · #729000 · #0059B0 · #5F144E · #330018

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

The five colors

• Custard (#F8F4CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#729000): A luminous, balanced green — the color of fresh herbs.
• Cobalt (#0059B0): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#5F144E): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#330018): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

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

• Worn Meadow color palette (#EFF5DF, #009D4F, #494AB3, #6F001D, #350009)
• Patina Nightshade Lagoon color palette (#ECEED4, #377E00, #342FA4, #4A0036, #1D0100)
• Gentle Meadow color palette (#FFF0D7, #A37C00, #006871, #531867, #280036)
• Quiet Aubergine Station color palette (#E0FDF3, #759112, #6D2AA0, #6A006D, #5B0039)
• Hazy Pier color palette (#D8FFF6, #6AB22C, #0085A2, #6B3795, #5D0E00)
• Washed Mint color palette (#E1EBBD, #6AC096, #488C95, #6A4742, #4B1E2D)
• Faded Clover Balcony color palette (#D5FFFA, #00D247, #009091, #005588, #292100)
• Aubergine Pier color palette (#E8F1D7, #006941, #450084, #370014, #090200)

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