Jade Pier color palette — #FBF4E9 · #DBD6CC · #E4C083 · #5EA771 · #45423B
Jade and Sand set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FBF4E9): a clean, paper-quiet neutral.
- Bone (#DBD6CC): a clean, paper-quiet neutral.
- Sand (#E4C083): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Jade (#5EA771): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#45423B): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Jade Pier 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
- Worn Bloom color palette (#E9F6EB, #D3D9BE, #F0C261, #8CA65D, #1E3126)
- Worn Hollow color palette (#F8F6E8, #E0DDCE, #B1D691, #00B8BC, #4C4E46)
- Dusty Villa color palette (#FFF3E7, #C1B481, #7D8C45, #367740, #4D514A)
- Antique Balcony color palette (#FFF2ED, #D5C1B8, #A1957C, #8F6672, #634E49)
- Misty Moss Bloom color palette (#FBF6E0, #FCB67D, #8BAD2C, #008786, #1A3E20)
- Dusty Lagoon color palette (#F7F5EE, #BFC4A7, #528E82, #7C5C5F, #4C5200)
- Quiet Study color palette (#F5F6E9, #FFD69B, #7AC985, #00A1CE, #0E4432)
- Olive Terrace color palette (#F5F6EA, #9BBA91, #9C8ECB, #4F823E, #634152)
Browse the whole catalog at Explore, or see today's palette.