Jade Pier color palette — #FBF4EA · #DCD5CC · #F6C475 · #4BB889 · #4A4841
Built around Jade, softened by Cantaloupe — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FBF4EA): a clean, paper-quiet neutral.
- Bone (#DCD5CC): a clean, paper-quiet neutral.
- Cantaloupe (#F6C475): A whisper-light, balanced gold — the color of honey in a jar.
- Jade (#4BB889): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#4A4841): a grounded near-black with real depth.
Feels like: 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
- Moss Orchard color palette (#FFF2EB, #E3D1CB, #F2BA94, #939D4A, #4B4540)
- Hushed Cerulean color palette (#F5F7E6, #FDD99C, #8DCC81, #009CCC, #3B3E38)
- Timeworn Lagoon color palette (#FFF3E4, #CCBE8A, #799251, #2B733C, #4E514A)
- Mustard Ridge color palette (#FDF5DF, #FFC3A8, #B7B200, #009983, #213900)
- Muted Olive Thicket color palette (#F7F6E9, #A7B883, #AF89B7, #677D1F, #684049)
- Dusty Fern Garden color palette (#F7F5EC, #BCC5A7, #70896C, #805B5B, #465409)
- Mustard Coast color palette (#EDFCD1, #D6BB00, #00A986, #0079BD, #002C2F)
- Weathered Emerald color palette (#E2E2BF, #DC881F, #459100, #006275, #002112)
Browse the whole catalog at Explore, or see today's palette.