Jade Courtyard color palette — #F9F3F8 · #D0E1FA · #8BC5ED · #39B081 · #374865

Jade and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Frost (#D0E1FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#8BC5ED): A luminous, balanced blue — the color of deep harbor water.
• Jade (#39B081): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#374865): A full-bodied, dusty violet — the color of wild irises.

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

• Lagoon Dune color palette (#F8F5EF, #C6E3DE, #69B0CA, #008E80, #295144)
• Periwinkle Quarry color palette (#F7EAF3, #A1DFED, #4AADF2, #00956E, #1F2956)
• Frosted Summit color palette (#E1FBFA, #9EDDB2, #E3A5DE, #2ABB6F, #573455)
• Aged Dune color palette (#E0FCF8, #D4E0EC, #CBB8D1, #C2B171, #2E4F51)
• Sunlit Corridor color palette (#DFFBFF, #6CD4BC, #D898E8, #DD70A7, #163F43)
• Cobalt Boulevard color palette (#E7DBE3, #71BCD4, #0087E0, #006F59, #0E0046)
• Washed Lagoon Harbor color palette (#D4FFFF, #ACEAC8, #62C8A5, #009875, #003729)
• Ancient Cerulean Atelier color palette (#F9F0EC, #ACE8F1, #5D95B6, #376B50, #3A2337)

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