Jade Orchard color palette — #F9F3F9 · #D0E0F3 · #76CAF0 · #5BAC76 · #324967

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Frost (#D0E0F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#76CAF0): A luminous, balanced blue — the color of open sky before noon.
• Jade (#5BAC76): A luminous, balanced teal — the color of sea glass.
• Navy (#324967): A full-bodied, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Quiet Studio color palette (#FCF1FD, #B1F2F4, #31C7FA, #00AD51, #1B406E)
• Softworn Teal Delta color palette (#FCF2F5, #DADDF3, #AEB8F9, #00ADB5, #434367)
• Patina Lagoon Meadow color palette (#F9F4EE, #C4E5DD, #52B4CA, #268D77, #194E64)
• Pale Navy Harbor color palette (#FFF0F9, #9EE6FF, #60AFFF, #009A7F, #282178)
• Washed Workshop color palette (#E1FCF7, #D1E0ED, #C8B8D5, #CCB478, #315357)
• Indigo Corridor color palette (#EBDFE3, #84A4C1, #5167D9, #005D5E, #0F0022)
• Blush Dune color palette (#E0FBFD, #7FD1B2, #CAA1E3, #D17AB0, #074043)
• Pale Clover Cabin color palette (#E3FBF6, #AFDA9E, #E4A6DB, #6CB44C, #583353)

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