Olive Courtyard color palette — #F3E1CE · #B7A644 · #617E1E · #6B495F · #32270B

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

The five colors

• Parchment (#F3E1CE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#B7A644): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#617E1E): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#6B495F): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#32270B): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Pine Archive color palette (#ECE5CA, #7EB576, #008664, #714753, #292C03)
• Hushed Mustard Lantern color palette (#FCF4E8, #B8BA69, #648E51, #7B5769, #37352F)
• Timeworn Moss color palette (#F1E9D9, #859F27, #14742F, #4D3A66, #1F1B00)
• Dusty Dune color palette (#EAFAEC, #C4BC8B, #708000, #5B4084, #1D1800)
• Dusty Moss color palette (#EFE0E5, #C3BC86, #759F5F, #696FA7, #2F2900)
• Quiet Loft color palette (#F1ECD4, #369B3A, #00624B, #4E2552, #001501)
• Olive Drift color palette (#F0E1CC, #787A00, #215200, #451838, #080600)
• Mustard Terrace color palette (#FFE9E8, #FFCCB2, #C7BA51, #A0698B, #3C3631)

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