Olive Courtyard color palette — #FFF4E1 · #BBB481 · #8A914A · #546E1B · #4C4D45

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

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#BBB481): A luminous, dusty green — the color of fresh herbs.
• Moss (#8A914A): A luminous, balanced green — the color of new leaves after rain.
• Olive (#546E1B): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#4C4D45): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Tempered Olive Grove color palette (#F8F6E6, #ACB689, #9F8CCD, #6C7C00, #51456C)
• Lagoon Summit color palette (#F7F6D8, #97C09A, #4E9C74, #007661, #3F5538)
• Muted Workshop color palette (#FFF1F5, #E1BF84, #ACAA47, #5D8657, #2A5153)
• Aged Bronze Drift color palette (#FFF2EB, #D8A48A, #AF733D, #865E12, #54504A)
• Wandering Fern color palette (#F7F6E6, #D1E1D1, #C1C7D3, #938D61, #535706)
• Dusty Veranda color palette (#D5E4C8, #72A766, #007D48, #005D45, #00424C)
• Weathered Plum Lagoon color palette (#F8F6E3, #8CA169, #618FB6, #AC586D, #43433B)
• Teal Studio color palette (#D5E7E0, #00A698, #007579, #004D59, #182F4E)

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