Jade Studio color palette — #F9F3F8 · #CFE2F9 · #7BC8F0 · #55AD7A · #32486C

Jade and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Frost (#CFE2F9): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#7BC8F0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Jade (#55AD7A): A luminous, balanced teal — the color of sea glass.
• Navy (#32486C): 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 Studio 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

• Teal Studio color palette (#FBF3F5, #D9DDF3, #ACBAF6, #02ADB2, #424467)
• Weathered Lagoon Alley color palette (#F9F4ED, #C1E7DF, #53B3CE, #008E7B, #1F4D65)
• Soft Parlor color palette (#E9FAEF, #DACD8A, #92C0FF, #B69E00, #294366)
• Lagoon Alley color palette (#F4ECF2, #B2DAEB, #4CAFE9, #009566, #162860)
• Soft Orchard color palette (#DAFEF5, #AACB87, #6DBEF0, #70A4FF, #194038)
• Tempered Delta color palette (#F8E6EC, #85A4C5, #6569C0, #005C63, #11001F)
• Softworn Driftwood color palette (#EDF9EF, #B3DBCA, #C0A97C, #B27858, #1B4540)
• Timeworn Cobalt color palette (#EEE5EB, #6BBED2, #008AD5, #007053, #09083F)

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