Jade Field color palette — #E4F2E9 · #00AD7F · #009184 · #006161 · #002227

Jade and Fern set the tone — five colors that lean into calm and balance.

The five colors

• Cream (#E4F2E9): bright and airy, almost weightless.
• Jade (#00AD7F): A luminous, balanced teal — the color of sea glass.
• Fern (#009184): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#006161): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#002227): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Calm, Balance. Tagged cool.

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

• Linen Emerald color palette (#DDE9CD, #00A66B, #007867, #00454F, #001E2D)
• Airy Teal Balcony color palette (#C2ECE7, #00B0B8, #008CA2, #006485, #00273B)
• Patina Workshop color palette (#CEE4E6, #00C2C7, #00949E, #006166, #000A0B)
• Soft Rose Veranda color palette (#E5EFE3, #00B4AA, #EA4E6D, #00827B, #39000F)
• Softworn Alley color palette (#E2E2D2, #82A300, #4A8B00, #006722, #002314)
• Faded Petrol color palette (#D0EDF3, #008AA9, #006896, #003B6F, #000524)
• Tempered Hollow color palette (#CFEACF, #82DDF5, #83B6F5, #16A47E, #032B16)
• Tempered Lantern color palette (#D3EDED, #00A0A1, #AA5BCB, #9D6900, #001616)

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