Olive Courtyard color palette — #FCF3EF · #C5EFE9 · #769EBE · #5F7939 · #5E4C5A

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Honeydew (#C5EFE9): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#769EBE): A luminous, dusty blue — the color of open sky before noon.
• Olive (#5F7939): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#5E4C5A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Softworn Cypress Field color palette (#FBF3EE, #C5EDEC, #AC8DAE, #447A6E, #624A59)
• Washed Turquoise Loft color palette (#E7FBED, #00ABC0, #B67A43, #966C47, #37473C)
• Softworn Lagoon color palette (#EAFAEF, #61BFD4, #C48871, #377D8D, #534B47)
• Ash Loft color palette (#EBF4F3, #CFDBEF, #72A5B7, #437382, #233947)
• Shell Orchard color palette (#EBF9F0, #FCCCDB, #C0DEF3, #889678, #445751)
• Hazy Cobalt Veranda color palette (#FDF3EB, #95D8FF, #537CD0, #006761, #413669)
• Antique Cerulean Ridge color palette (#DAFFF0, #99D9FF, #4D8EB2, #22586B, #164033)
• Denim Pier color palette (#FAE8E0, #54AEBA, #005E85, #004027, #071A4A)

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