Hazy Pine Courtyard color palette — #FFF3E8 · #D77400 · #1A780C · #003F51 · #160025

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Mustard (#D77400): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#1A780C): A full-bodied, vivid green — the color of fresh herbs.
• Deep Teal (#003F51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#160025): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Coral Dune color palette (#FFF2ED, #E4635B, #666900, #004143, #0C0031)
• Feathered Villa color palette (#FFF3E5, #C18400, #007558, #00327D, #1F0010)
• Dusty Pine color palette (#FFF3E6, #D89645, #188D47, #005170, #280D32)
• Wandering Garden color palette (#FFF0DC, #9F7100, #005B4A, #0D0772, #060001)
• Rust Pier color palette (#FBDFF0, #B24200, #005343, #16146B, #060030)
• Gentle Coral Harbor color palette (#F9DACD, #FF6C5F, #009890, #4A5BA5, #11184A)
• Bronze Thicket color palette (#D7E6D5, #905B00, #3C4E00, #00362D, #400500)
• Twilit Bronze Dune color palette (#F7E1C8, #A16800, #2C2400, #171E25, #070300)

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