Jade Loft color palette — #F9F3F9 · #CFE0F0 · #80CAE3 · #65AB6C · #2F4A66

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#CFE0F0): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#80CAE3): A luminous, balanced blue — the color of open sky before noon.
• Jade (#65AB6C): A luminous, balanced green — the color of new leaves after rain.
• Navy (#2F4A66): 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 Loft 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

• Muted Teal Corridor color palette (#F9F3F7, #D8D4E3, #BCBCE4, #4FB6A5, #49516B)
• Timeworn Lagoon Harbor color palette (#F9F4ED, #C8E2DA, #61B3BF, #188F6C, #2C513E)
• Emerald Lantern color palette (#F3ECF2, #A8DDED, #0DB4E5, #059746, #052D59)
• Gentle Powder color palette (#FFF1F5, #D0E7FF, #A3AFFF, #00A4AC, #4D2F6A)
• Tempered Loft color palette (#E2FCF4, #C4E2F4, #C0B2B6, #C4AA66, #31585A)
• Moss Lantern color palette (#E7FAF5, #BBD6A2, #E0A5E9, #7BB237, #533657)
• Pale Sapphire Veranda color palette (#F4E7ED, #7BA7C2, #416DD6, #005E59, #0D0025)
• Sunlit Peony color palette (#DAFDFD, #78D4A2, #C99DF8, #D672BE, #0F4040)

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