Jade Field color palette — #FFF0F9 · #4FAE75 · #167687 · #6E3C4E · #214347
A conversation between Jade and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Jade (#4FAE75): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#167687): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#6E3C4E): A full-bodied, dusty rose — the color of pressed rose petals.
- Deep Teal (#214347): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Jade Lantern color palette (#FAECFF, #73AD76, #127691, #683244, #04282C)
- Teal Alley color palette (#FFF0FB, #4CBCB2, #4F7CA1, #6E4D66, #364B54)
- Aged Moss color palette (#FFF1F6, #A49B1E, #2F7A5B, #5D3F6E, #25443C)
- Frosted Lagoon color palette (#E4FAFB, #00A177, #72548C, #6D304B, #4E310B)
- Muted Cerulean color palette (#FAF2F8, #B5E5FB, #5C91B1, #2E6F61, #354961)
- Washed Ultramarine Workshop color palette (#FFF1F6, #009EAC, #2756C3, #663800, #133A4F)
- Garnet Quarry color palette (#FFDBD3, #00927B, #00597D, #6E0018, #003032)
- Worn Cypress color palette (#CEEBF0, #008375, #1A3643, #0F2226, #070E11)
Browse the whole catalog at Explore, or see today's palette.