Ancient Courtyard color palette — #F9F0EC · #C1EFE5 · #7AA895 · #63732F · #412F40

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

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Honeydew (#C1EFE5): A whisper-light, dusty teal — the color of glacier melt.
• Taupe (#7AA895): A luminous, dusty teal — the color of sea glass.
• Olive (#63732F): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#412F40): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Dusty Pier color palette (#F5F6EE, #CBE2DD, #7EA48A, #5D7759, #395144)
• Timeworn Ash color palette (#F7F1EA, #BFECF1, #B28FAA, #587359, #452E38)
• Ancient Cerulean Terrace color palette (#F9F0EC, #ADE8F2, #4D96C1, #2C6C4F, #382435)
• Washed Atelier color palette (#FFECEF, #BD85C0, #509F7E, #49876C, #352125)
• Worn Archive color palette (#FFEEE4, #D0B699, #A27766, #704E47, #312C20)
• Ancient Lagoon color palette (#FAF3F8, #D5D6E9, #92B7CD, #5C9194, #435566)
• Hushed Delta color palette (#FFECF1, #CBA1DA, #72AB8A, #82658E, #2A3700)
• Spruce Pier color palette (#FDEAE3, #56ACAD, #00617C, #003D15, #000A1D)

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