Jade Field color palette — #FCF3EF · #C8E7E2 · #8DC5ED · #39B085 · #5A3C54

Jade takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Silver (#C8E7E2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8DC5ED): A luminous, balanced blue — the color of deep harbor water.
• Jade (#39B085): A luminous, balanced teal — the color of sea glass.
• Cocoa (#5A3C54): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Hazy Emerald color palette (#FCF3EF, #B5F1F9, #5CC2F9, #00AB6D, #223D75)
• Antique Coast color palette (#F9F4EF, #CADCE7, #E0B9D4, #42B5B9, #654954)
• Dusty Powder Workshop color palette (#F8F5EF, #BAE6F2, #74C8E8, #319389, #25473C)
• Lagoon Orchard color palette (#F9EBE4, #B7DEC6, #65ABE6, #009473, #222956)
• Lilac Field color palette (#F9F6E0, #B2CA75, #84B6FF, #9A8BF0, #393831)
• Hushed Cerulean Meadow color palette (#F7EFF5, #ADE8F1, #4E96C0, #346B50, #1E2C44)
• Hushed Cornflower color palette (#F6EAE3, #8FBCA4, #1285E3, #006F5B, #0F0242)
• Amber Market color palette (#FCF4E8, #EAC590, #C0B0FF, #D19005, #45386B)

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