Stone Courtyard color palette — #EAF9F4 · #8EBD99 · #408173 · #5B5570 · #304746

Mint Leaf and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Mint Leaf (#8EBD99): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#408173): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#5B5570): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#304746): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Stone 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 Jade color palette (#E0FDEE, #7FB55F, #0F7C54, #5E4668, #2C4220)
• Antique Coast color palette (#FAF5E6, #ABD0AB, #5B9E90, #886965, #414700)
• Hushed Oat Balcony color palette (#FAF2FF, #EFD3D7, #E1C890, #827BA2, #534453)
• Hushed Lagoon Pier color palette (#FBF1FF, #DB7F98, #00A087, #924C60, #094E41)
• Washed Cypress Thicket color palette (#FCF2F6, #C2E1F9, #6F8BB6, #0E6F74, #3D4762)
• Timeworn Grove color palette (#D6EAE2, #649C65, #00644E, #50314F, #00302D)
• Faded Peony Delta color palette (#FBF1FF, #CE5D81, #009078, #19767C, #403245)
• Weathered Alley color palette (#F5F7E9, #CFDABB, #6CBEAC, #888CB7, #384A00)

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