Jade Loft color palette — #E4F6F6 · #1BB681 · #405E64 · #2E3B3B · #1C2322

A conversation between Jade and Peacock, giving this palette its sense of sophistication.

The five colors

• Ivory (#E4F6F6): bright and airy, almost weightless.
• Jade (#1BB681): A luminous, balanced teal — the color of sea glass.
• Peacock (#405E64): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#2E3B3B): quiet, heavy and certain.
• Onyx (#1C2322): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Wandering Turquoise color palette (#E1F6FF, #16AEC4, #475B6A, #2E3A40, #1B2325)
• Antique Moss Parlor color palette (#E3F7EF, #99A533, #465E5A, #2D3C36, #1D231F)
• Teal Studio color palette (#F3F7EE, #7BBFA1, #4D5848, #282D20, #0F100A)
• Antique Pier color palette (#C1ECF5, #009B8F, #004E59, #082C32, #031516)
• Fern Archive color palette (#EEF5E5, #7FC9A4, #6E826F, #495D1A, #22221A)
• Timeworn Aqua color palette (#E8F8FF, #00C8D8, #C48FC7, #A78F5D, #32464E)
• Hushed Studio color palette (#EBF9F3, #ADDCD3, #7CA78A, #69847A, #40514E)
• Softworn Archive color palette (#E6F9FF, #60DADD, #DF9D9C, #3C9DA0, #5C445A)

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