Olive Courtyard color palette — #E9F5F2 · #9EBF88 · #008A64 · #437410 · #021112

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

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Sage (#9EBF88): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008A64): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#437410): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#021112): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Balance. Tagged duotone, 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 Station color palette (#EAF4F4, #99D2BA, #00959B, #288365, #09181D)
• Dusty Olive color palette (#ECF4EE, #D0AF5F, #5A840A, #7D6000, #00120E)
• Muted Archive color palette (#F8F5E9, #B1B64E, #007E88, #626504, #1B271E)
• Patina Lagoon Study color palette (#BCF6F4, #64C2A0, #008872, #005651, #00292A)
• Frosted Archive color palette (#F6F6EC, #A2D681, #00A789, #648F47, #1E2717)
• Ancient Teal color palette (#E5F5F9, #00C1B5, #007793, #006A63, #000B13)
• Weathered Balcony color palette (#ECF4F3, #D0D8DC, #A8C2D1, #5A805F, #232F2E)
• Timeworn Lagoon color palette (#D4E8E6, #007E2C, #003F3E, #00340E, #000201)

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