Olive Courtyard color palette — #F8F0D6 · #676900 · #1A4200 · #00230C · #000503

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

The five colors

• Cream (#F8F0D6): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#676900): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#1A4200): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#00230C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

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

• Forest Garden color palette (#E7EDDF, #006D2B, #004531, #002320, #000405)
• Hushed Dune color palette (#F8EFD6, #737500, #304800, #002E14, #001B19)
• Timeworn Moss color palette (#DCE0D1, #739800, #3A6400, #0D3000, #000500)
• Faded Terrace color palette (#E1E2C5, #417B1B, #640063, #143200, #080008)
• Eclipse Chestnut color palette (#F3DBCD, #855200, #4A3400, #191800, #030500)
• Hushed Moss Drift color palette (#F1F2DD, #7A9B00, #00712A, #004830, #00201C)
• Hushed Forest color palette (#DDDDF6, #B06800, #086212, #010E0A, #010100)
• Teal Lagoon color palette (#E2E6C2, #00B194, #008199, #3B3B00, #000C03)

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