Jade Courtyard color palette — #E6F6F1 · #76B175 · #217553 · #354763 · #00221F

Built around Jade, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#E6F6F1): a clean, paper-quiet neutral.
• Jade (#76B175): A luminous, balanced green — the color of fresh herbs.
• Pine (#217553): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#354763): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#00221F): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Timeworn Lagoon color palette (#E4F6F4, #8BC1AA, #428279, #4C546F, #142C2D)
• Cypress Garden color palette (#FBF5E4, #87A674, #357053, #554166, #36362F)
• Worn Dune color palette (#CBE8E1, #57A06C, #00644D, #502B3C, #001615)
• Tempered Moss Pier color palette (#CCEFD5, #9E9A00, #4A6600, #4C2E64, #181700)
• Washed Oat color palette (#E7FBED, #BCDD99, #579A7C, #6A5C7C, #112E28)
• Tempered Pine Lagoon color palette (#D8EAE6, #248E56, #005040, #1F2451, #000A0A)
• Muted Cobalt Dune color palette (#EDF4EE, #8ED3EB, #2B85B3, #005B5C, #06213C)
• Soft Mulberry color palette (#EFE3FD, #CC6AA5, #009268, #892A67, #002316)

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